.cropper-container {
    font-size: 0;
    line-height: 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    direction: ltr;
    -ms-touch-action: none;
    touch-action: none
}

.cropper-container img {
    display: block;
    min-width: 0!important;
    max-width: none!important;
    min-height: 0!important;
    max-height: none!important;
    width: 100%;
    height: 100%;
    image-orientation: 0deg
}

.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.cropper-wrap-box {
    overflow: hidden
}

.cropper-drag-box {
    opacity: 0;
    background-color: #fff
}

.cropper-modal {
    opacity: .5;
    background-color: #000
}

.cropper-view-box {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    outline: 1px solid #39f;
    outline-color: rgba(51,153,255,.75)
}

.cropper-dashed {
    position: absolute;
    display: block;
    opacity: .5;
    border: 0 dashed #eee
}

.cropper-dashed.dashed-h {
    top: 33.33333%;
    left: 0;
    width: 100%;
    height: 33.33333%;
    border-top-width: 1px;
    border-bottom-width: 1px
}

.cropper-dashed.dashed-v {
    top: 0;
    left: 33.33333%;
    width: 33.33333%;
    height: 100%;
    border-right-width: 1px;
    border-left-width: 1px
}

.cropper-center {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    opacity: .75
}

.cropper-center:after,.cropper-center:before {
    position: absolute;
    display: block;
    content: " ";
    background-color: #eee
}

.cropper-center:before {
    top: 0;
    left: -3px;
    width: 7px;
    height: 1px
}

.cropper-center:after {
    top: -3px;
    left: 0;
    width: 1px;
    height: 7px
}

.cropper-face,.cropper-line,.cropper-point {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    opacity: .1
}

.cropper-face {
    top: 0;
    left: 0;
    background-color: #fff
}

.cropper-line {
    background-color: #39f
}

.cropper-line.line-e {
    top: 0;
    right: -3px;
    width: 5px;
    cursor: e-resize
}

.cropper-line.line-n {
    top: -3px;
    left: 0;
    height: 5px;
    cursor: n-resize
}

.cropper-line.line-w {
    top: 0;
    left: -3px;
    width: 5px;
    cursor: w-resize
}

.cropper-line.line-s {
    bottom: -3px;
    left: 0;
    height: 5px;
    cursor: s-resize
}

.cropper-point {
    width: 5px;
    height: 5px;
    opacity: .75;
    background-color: #39f
}

.cropper-point.point-e {
    top: 50%;
    right: -3px;
    margin-top: -3px;
    cursor: e-resize
}

.cropper-point.point-n {
    top: -3px;
    left: 50%;
    margin-left: -3px;
    cursor: n-resize
}

.cropper-point.point-w {
    top: 50%;
    left: -3px;
    margin-top: -3px;
    cursor: w-resize
}

.cropper-point.point-s {
    bottom: -3px;
    left: 50%;
    margin-left: -3px;
    cursor: s-resize
}

.cropper-point.point-ne {
    top: -3px;
    right: -3px;
    cursor: ne-resize
}

.cropper-point.point-nw {
    top: -3px;
    left: -3px;
    cursor: nw-resize
}

.cropper-point.point-sw {
    bottom: -3px;
    left: -3px;
    cursor: sw-resize
}

.cropper-point.point-se {
    right: -3px;
    bottom: -3px;
    width: 20px;
    height: 20px;
    cursor: se-resize;
    opacity: 1
}

@media (min-width: 768px) {
    .cropper-point.point-se {
        width:15px;
        height: 15px
    }
}

@media (min-width: 992px) {
    .cropper-point.point-se {
        width:10px;
        height: 10px
    }
}

@media (min-width: 1200px) {
    .cropper-point.point-se {
        width:5px;
        height: 5px;
        opacity: .75
    }
}

.cropper-point.point-se:before {
    position: absolute;
    right: -50%;
    bottom: -50%;
    display: block;
    width: 200%;
    height: 200%;
    content: " ";
    opacity: 0;
    background-color: #39f
}

.cropper-invisible {
    opacity: 0
}

.cropper-bg {
    background-image: url("")
}

.cropper-hide {
    position: absolute;
    display: block;
    width: 0;
    height: 0
}

.cropper-hidden {
    display: none!important
}

.cropper-move {
    cursor: move
}

.cropper-crop {
    cursor: crosshair
}

.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point {
    cursor: not-allowed
}

body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,html,input,li,ol,p,select,span,strong,table,tbody,td,textarea,th,thead,tr,ul {
    margin: 0;
    padding: 0;
    outline: 0
}

body {
    min-width: 320px;
    line-height: 16px;
    color: #000;
    font-size: 12px;
    -webkit-text-size-adjust: none;
    font-family: arial,Microsoft YaHei,tahoma,Hiragino Sans GB,\\5b8b\4f53,sans-serif
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

filedset,img {
    border: 0;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic
}

address,caption,cite,code,em,i,th {
    font-weight: 400;
    font-style: normal
}

li {
    list-style: none;
    vertical-align: bottom;
    list-style-type: none
}

caption,th {
    text-align: left
}

._ch2,._ch3,._ch4,._ch5,h1,h2,h3,h4,h5,h6 {
    font-weight: 700;
    font-size: 100%
}

._ch2,._ch3,._ch4,._ch5 {
    display: block
}

a {
    color: #000;
    font-weight: 400
}

a,a:focus,a:hover {
    text-decoration: none
}

a:focus,a:hover {
    color: #dc002f
}

button,input,select,textarea {
    margin: 0;
    border: 0;
    font-weight: inherit;
    vertical-align: baseline;
    outline: 0
}

button,input[type=button],input[type=text],select,textarea {
    background: 0
}

button,input {
    line-height: normal
}

input::-ms-clear,input::-ms-reveal {
    display: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button::-moz-focus-inner,input::-moz-focus-inner {
    padding: 0;
    border: 0
}

button[disabled],input[disabled] {
    cursor: default
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

textarea {
    resize: none;
    vertical-align: top
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc
}

div {
    margin: 0 auto
}

body {
    background-color: #f5f5f5
}

.mt0 {
    margin-top: 0
}

.mt5 {
    margin-top: 5px
}

.mt7 {
    margin-top: 7px
}

.mt8 {
    margin-top: 8px
}

.mt10 {
    margin-top: 10px
}

.mt12 {
    margin-top: 12px
}

.mt15 {
    margin-top: 15px
}

.mt16 {
    margin-top: 16px
}

.mt20 {
    margin-top: 20px
}

.mt30 {
    margin-top: 30px
}

.mt32 {
    margin-top: 32px
}

.mt40 {
    margin-top: 40px
}

.mt50 {
    margin-top: 50px
}

.mt64 {
    margin-top: 64px
}

.mb5 {
    margin-bottom: 5px
}

.mb10 {
    margin-bottom: 10px
}

.mb12 {
    margin-bottom: 12px
}

.mb15 {
    margin-bottom: 15px
}

.mb16 {
    margin-bottom: 16px
}

.mb20 {
    margin-bottom: 20px
}

.mb25 {
    margin-bottom: 25px
}

.mb30 {
    margin-bottom: 30px
}

.mb32 {
    margin-bottom: 32px
}

.mb50 {
    margin-bottom: 50px
}

.mb64 {
    margin-bottom: 64px
}

.ml10 {
    margin-left: 10px
}

.ml20 {
    margin-left: 20px
}

.ml40 {
    margin-left: 40px
}

.mr10 {
    margin-right: 10px
}

.pr10 {
    padding-right: 10px
}

.bg0 {
    background-color: #000
}

.bgf {
    background-color: #fff
}

.bge {
    background-color: #eee
}

.fcf {
    color: #fff
}

.fc8 {
    color: #888
}

.clearFix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden
}

.clearFix {
    zoom:1}

.clearFix.detailSku {
    display: block
}

.floatL {
    display: inline;
    float: left
}

.floatR {
    display: inline;
    float: right
}

.desHidden,.desRemove,.disHide {
    display: none
}

.search_sprite {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/search_sprite.png);
    content: ""
}

.miniCart_border_top {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/search_minicart_hover_border_top.png);
    content: ""
}

.miniCart_border_hover {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/search_minicart_hover_top.png);
    content: ""
}

#Footer .footer-map .footer-map-content,.footer_line {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/footer_line.png);
    content: ""
}

#Footer .footer-info .footer-info-content .footer-info-ico>em,.footer_sprite {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/footer_ico_sprite.png);
    content: ""
}

.footer-records {
    background-image: url(../image/footer-redords-icon.png);
    content: ""
}

#Brand .brand-title .brand-title-content-left,#GuessYouLike .guessyoulike-title .guessyoulike-title-content .guessyoulike-title-content-left,#Picks .picks-title .picks-title-content .picks-title-content-left,.category .category-title .category-title-content .category-title-content-left,.sprite_title {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/sprite_title.png);
    content: ""
}

.sprite_carousel {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/sprite_carousel.png);
    content: ""
}

.sprite_toolbar {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/sprite_toolbar_new.png);
    content: ""
}

.top_angle {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/top_angle_w.png);
    content: ""
}

.module-navigationBrand,.module_navigation_top {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/navigation_brand_top.png);
    content: ""
}

#Brand .carousel-multiple-arrows>span em,#Hero .carousel-multiple-arrows>span em,.hero_sprite_arrow {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/hero_splite_arrow.png);
    content: ""
}

.icon-footer-mail {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/footer_email.png);
    content: ""
}

#CheckoutGift .checkoutGift-list-warp-disabled .checkoutGift-list .checkoutGift-list-img,.checkout-disabledd-gift-list {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/checkout_disabled-gift-icon.jpg);
    content: ""
}

#CheckoutGift .checkoutGift-list-warp .checkoutGift-list .checkoutGift-list-img,.checkout-gift-list {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/checkout_gift_icon.png);
    content: ""
}

#CheckoutOrderState .checkoutOrderState-info-content-body .checkoutOrderState-info-content-body-info .checkoutOrderState-info-content-body-info-right .checkoutOrderState-info-content-body-info-right-pay-booking-time em>i,.checkout-start-time {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/startTime.png);
    content: ""
}

.sprite-checkout-header-step {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/checkout_header_step.png);
    content: ""
}

.module-input-checkbox,input.module-input,input.module_input {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/module_input_checkbox.png);
    content: ""
}

.module-input-radio,input.module-radio,input.module_radio {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/module_input_radio.png);
    content: ""
}

#CheckoutPayFor .checkoutPayFor-wrap-list .checkoutPayFor-wrap-list-active,.sprite-checkout-icon {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/checkout_icon.png);
    content: ""
}

.sprite-checkoutWith-icon {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/checkout_paywith_icon.png);
    content: ""
}

.sprite-checkoutPayWith-bg {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/checkout_payfor_bg.png);
    content: ""
}

.sprite-checkoutState-icon {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/checkout_order_state.png);
    content: ""
}

.sprite-fixed-icon {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/sprite_fixed_icon.png);
    content: ""
}

.module-carousel-checkout-control .module-control-left,.module-carousel-checkout-control .module-control-right,.sprite-checkout-slider-control {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/checkout_tab_slider_control.png);
    content: ""
}

.shopping-bag {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/shopping_bag.png);
    content: ""
}

#Navigation .navigation-info-content-menu-list .heart-left,#Navigation .navigation-info-content-menu-list .heart-right,.navigation_sprite_wrap {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/navigation_sprite_wrap.png);
    content: ""
}

.popupComponent .popupComponentAddUserShippingAddress-close,.popupComponent .popupComponentPopupArrivalNotice-close,.popupComponent .popupComponentPopupUserShippingAddress .popupComponentPopupUserShippingAddress-header .popupComponentPopupUserShippingAddress-close,.sprite-module-popup {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/sprite-module-popup.png);
    content: ""
}

.sprite-module-select-icon {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/sprite-module-select-icon.png);
    content: ""
}

.base-input-module div.icon-bad,.base-input-module div.icon-clear,.base-input-module div.icon-good,.forClient .center>.errorModule>.redErrorIcon,.forClient .center>.testHeader>.redIcon,.LoginIn-icon,.myAccountChangePassword>.main>.firstBox>.errorModule>.redErrorIcon,.myAccountChangePassword>.main>.secondBox>.errorModule>.redErrorIcon,.myAccountChangePassword>.main>.thirdBox>.errorModule>.redErrorIcon,.SepBaseInput-chen div.icon-bad,.SepBaseInput-chen div.icon-clear,.SepBaseInput-chen div.icon-good,.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .freeRegister .mixedLogin ul li,.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .freeRegister .rightArraw,.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .inputCombie div.icon-bad,.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .inputCombie div.icon-clear,.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .inputCombie div.icon-clear2,.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .inputCombie div.icon-good,.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .inputCombie div.icon-left,.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .tip .autoLoginIcon,.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .tip .errorRedIcon,.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .email-stepTwo .errTips .errorRedIcon,.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .email-stepTwo .module .icon-good,.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .phone-stepTwo .errTips .errorRedIcon,.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .phone-stepTwo .module .icon-good,.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .stepOne .errTips .errorRedIcon,.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .stepThree .errorTip .errorRedIcon,.SephoraRegisterBodyMainForm .EmailStepFirst .errorTip .errorRedIcon,.SephoraRegisterBodyMainForm .PhoneStepFirst .errorTip .errorRedIcon,.SephoraRegisterBodyMainForm .VipCardModule .textInput .errorTip .errorRedIcon,.SephoraRegisterBodyMainForm .VipCardModuleSecond .textInput .errorTip .errorRedIcon,.sepRestMyCard>.body .BodyMiddle>.firstBox>.errorModule>.redErrorIcon,.sepRestMyCard>.body .BodyMiddle>.thirdBox>.textInput .errorTip .errorRedIcon {
    background-image: url(../image/LoginIn-icon.png);
    content: ""
}

.login-member-icons {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/loginSearchPassword_icon.png);
    content: ""
}

.SephoraRegisterBodyMainForm .VipCardModule .cardArea ul li .cardImage,.SephoraRegisterBodyMainForm .VipCardModuleSecond .cardArea ul li .cardImage,.sepRestMyCard>.body .BodyMiddle>.secondBox>.cardBox ul li .cardImage,.VIPcard-icon {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/VIPcard.png);
    content: ""
}

.popupBusiness .PopupBusinessPickCard .PopupBusinessPickCardBgCenter .cardPicture,.popupBusiness .PopupBusinessPickCard .PopupBusinessPickCardBgCenter .closeButton,.popupBusiness .PopupBusinessPickCard .PopupBusinessPickCardBgCenter .goShopping,.popUpPinkCard-icon,.sepPopUpPinkCard .center .cardPicture,.sepPopUpPinkCard .center .closeButton,.sepPopUpPinkCard .center .goShopping {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/popUpPinkCard.png);
    content: ""
}

.MyAccount-icon,.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyCoupons .changePictureMain .leftArrow,.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyCoupons .changePictureMain .rightArrow,.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyCoupons .changePictureMain>div>ul li,.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyCoupons .changePictureMain>div>ul li>.logo,.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>.downPayment>ul>li.stepOne>.quickPay>.icon,.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>.downPayment>ul>li.stepTwo>.PayTime>.icon,.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>.downPayment>ul>li.stepTwo>.quickPay>.icon,.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .card .cardType,.sepLookLogistics .MainBg .oneModule .center .time .timeIcon,.sepLookLogistics .MainBg .oneModule .center .time .timeIcon2,.sepLookLogistics .topArrow,.sepLookLogisticsV2 .MainBg .oneModule .center .time .timeIcon,.sepLookLogisticsV2 .MainBg .oneModule .center .time .timeIcon2,.sepLookLogisticsV2 .topArrow,.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderGuessYouLike>.title>.titlePicture,.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.downPayment>ul>li.stepOne>.quickPay>.icon,.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.downPayment>ul>li.stepTwo>.PayTime>.icon,.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.downPayment>ul>li.stepTwo>.quickPay>.icon {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/myaccount_icon.png);
    content: ""
}

.MyAccount-icon-second,.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyCoupons .changePictureMain>div>ul li.overDay {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/myaccount_icon2.png);
    content: ""
}

.MyAccount-icon-third,.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyCoupons .changePictureMain>div>ul li.canUse {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/myaccount_icon3.png);
    content: ""
}

.MyAccountQA-icon,.MyAccountQA .body .centerMain .rightBg .rightMain .QAList>ul>li>.QAModule>.answer>.aIcon,.MyAccountQA .body .centerMain .rightBg .rightMain .QAList>ul>li>.QAModule>.question>.deleteIcon,.MyAccountQA .body .centerMain .rightBg .rightMain .QAList>ul>li>.QAModule>.question>.qIcon {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/myAccount-QA.png);
    content: ""
}

.MyAccountAddress-icon,.MyAccountAddress .body .centerMain .rightBg .rightMain .MyAccountAddressList>.addressList>li>.control>.deleteIcon,.MyAccountAddress .body .centerMain .rightBg>.ifTenList>.center>.closeIcon,.MyAccountAddress .body .centerMain .rightBg>.ifTenList>.center>.iconBg>.icon,.MyAccountQA .body .centerMain .rightBg .rightMain .QAList>.QAListPopUp>.center>.closeIcon,.MyAccountQA .body .centerMain .rightBg .rightMain .QAList>.QAListPopUp>.center>.iconBg>.icon,.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .hasPhoneBox>.center>.closeIcon,.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .hasPhoneBox>.center>.iconBg>.icon,.sepRestMyCard>.body .hasPhoneBox>.center>.closeIcon,.sepRestMyCard>.body .hasPhoneBox>.center>.iconBg>.icon {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/myAccountAddress.png);
    content: ""
}

.MyCoupon {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/myaccount_coupon.png);
    content: ""
}

.MyAccount-headportrait-placeholder-m {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/profile_headportrait_placeholder_m.png);
    content: ""
}

.MyAccount-headportrait-placeholder-s {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/profile_headportrait_placeholder_s.png);
    content: ""
}

.CommentsBox>.center>.title>.closeButton,.PackageStatusConfirmDownPay>.center>.title>.closeButton,.SepCancelOrderReason-icon,.SepCancelOrderReason>.center>.closeButton,.SepCancelOrderReason>.center>.main .tip>ul li .Exclamation,.SepProductDetail>.mainCenter>.MainModule>.leftLine>.question>.mySay>.questionBox>.center>.title>.closeButton,.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.noProductNoticeBox>.center>.title>.closeButton,.SepSelectAddArea>.selectBox>.bottomArrow,.SepSelectAddArea>.selectBox>.topArrow {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/SepCancelOrderReason-icon.png);
    content: ""
}

.orderDetail-stepsIcon {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/order-detail-flow.png);
    content: ""
}

.order-detail-my-order .order-detail-order-info .order-detail-order-logistic>div:nth-of-type(2),.orderDetail_logistic_icon,.single-package>.logisticModel>div:nth-of-type(2) {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/order-detail-logistic.png)
}

.no-result-icon,.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-no-data .PopupAlertProductPalette-no-data-img {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/no-result-icon.png);
    content: ""
}

.CommentsBox>.center>.main>.sendImagePicture>.text>.warningIcon,.CommentsBox>.center>.main>.starAngPoint>.beCareIcon,.CommentsBox>.center>.main>.starAngPoint>ul>li.grayStar,.CommentsBox>.center>.main>.starAngPoint>ul>li.redStar,.PDP-icon,.popup_cont .popup_right .count_down_cont .time_icon,.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-title-control .PopupAlertProductPalette-title-control-character .PopupAlertProductPalette-title-control-character-click .bottomIcon,.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-title-control .PopupAlertProductPalette-title-control-character .PopupAlertProductPalette-title-control-character-click .topIcon,.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-title-control .PopupAlertProductPalette-title-control-color .PopupAlertProductPalette-title-control-color-click .bottomIcon,.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-title-control .PopupAlertProductPalette-title-control-color .PopupAlertProductPalette-title-control-color-click .topIcon,.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.main>.listModule>li>.userInformation>.card,.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.titleTab>.pictureLine,.SepProductDetail>.mainCenter>.MainModule>.leftLine>.question>.lastQuestion>li>.answer>.icon,.SepProductDetail>.mainCenter>.MainModule>.leftLine>.question>.lastQuestion>li>.question>.icon,.SepProductDetail>.mainCenter>.MainModule>.leftLine>.question>.mySay>.questionBox>.center>.alertTextModule>.warningIcon,.SepProductDetail>.mainCenter>.MainModule>.leftLine>.skuDetail>ul>li>.title>.icon,.SepProductDetail>.mainCenter>.PreSellLine>.box>.bias,.SepProductDetail>.mainCenter>.PreSellLine>.box>.icon1,.SepProductDetail>.mainCenter>.PreSellLine>.box>.icon2,.SepProductDetail>.mainCenter>.PreSellLine>.box>.icon3,.SepProductDetail>.mainCenter>.productImageChange>.controlModule>.Arrow .leftArrow,.SepProductDetail>.mainCenter>.productImageChange>.controlModule>.Arrow .rightArrow,.SepProductDetail>.mainCenter>.productImageChange>.controlModule>ul.picture>li>.ifVideo,.SepProductDetail>.mainCenter>.productImageChange>.imgOrVideo>.bigIcon,.SepProductDetail>.mainCenter>.productImageChange>.imgOrVideo>.videoIcon,.SepProductDetail>.mainCenter>.ProductMainMixture>.activity>.moreButton>.bottomArrow,.SepProductDetail>.mainCenter>.ProductMainMixture>.activity>.moreButton>.topArrow,.SepProductDetail>.mainCenter>.ProductMainMixture>.colour>.control>.bottomIcon,.SepProductDetail>.mainCenter>.ProductMainMixture>.colour>.control>.topIcon,.SepProductDetail>.mainCenter>.ProductMainMixture>.colour>.everyColour>ul>li>div.colorBg>.outOfStock,.SepProductDetail>.mainCenter>.ProductMainMixture>.colour>.selectColor>.bottomIcon,.SepProductDetail>.mainCenter>.ProductMainMixture>.colour>.selectColor>.topIcon,.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.addCartButton>.icon,.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.loveButton,.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.number>.arrow>.bottomArrow>.icon1,.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.number>.arrow>.bottomArrow>.icon2,.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.number>.arrow>.topArrow>.icon1,.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.number>.arrow>.topArrow>.icon2,.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.shareButton,.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellTimeAndRule>.ruleButton>.bottomArrow,.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellTimeAndRule>.ruleButton>.topArrow,.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellTimeAndRule>.timeIcon,.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellTip>.warningIcon,.SepProductDetail>.moveNav>.center .app-channel-product>.icon,.SepProductDetail>.moveNav>.center>.addToCartButton>.icon {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/PDP-ICON.png);
    content: ""
}

.PDP-icon2,.SepHoraAddPictureModel>ul>li>.cameraIcon,.SepHoraAddPictureModel>ul>li>.deletePicture,.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.main>.listModule>li>.talking>.commentsImgArea>.smallPicture>li>.now,.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.titleTab>.points>.star>.grayStar,.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.titleTab>.points>.star>.redStar,.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.titleTab_noComments>.noComments>.write,.SepProductDetail>.mainCenter>.MainModule>.leftLine>.question>.mySay>.NoMySay>.questionIcon,.SepProductDetailNoOPAndSkuId>.mainCenter>.pictureAndText>.picture {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/PDP-ICON2.png);
    content: ""
}

.confirmProduct-icon,.SepConfirmProductDetail>.mainCenter>.title>.rightIcon {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/confirmProduct-icon.png);
    content: ""
}

#CheckoutCoupons .checkoutCoupons-info .checkoutCoupons-info-content .checkoutCoupons-info-content-body .checkoutCouponsNone .sprite-checkout-coupons-none,#CheckoutCoupons .checkoutCoupons-info .checkoutCoupons-info-content .checkoutCoupons-info-content-body .checkoutCouponsUl .checkoutCouponsLi,#CheckoutCoupons .checkoutCoupons-info .checkoutCoupons-info-content .checkoutCoupons-info-content-body .checkoutCouponsUl .checkoutCouponsLi.active .checkoutCouponsCheck,.sprite-checkout-coupons {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/sprite_checkout_coupons.png);
    content: ""
}

#CheckoutCoupons .checkoutCoupons-info .checkoutCoupons-info-content .checkoutCoupons-info-content-body .checkoutCouponsUl .checkoutCouponsLi .checkoutCouponsLogo,.sprite-checkout-coupons-logo {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/sprite_checkout_coupons_logo.png);
    content: ""
}

.popupAlert .PopupAlertCheckChoiceDelete-close,.popupAlert .PopupAlertCheckChoiceDelete-icon,.popupAlert .PopupAlertCheckInventory-close,.popupAlert .PopupAlertCheckInventory-icon,.popupAlert .PopupAlertCheckoutCouponsInput-icon,.popupAlert .PopupAlertCheckoutNoNetwork-close,.popupAlert .PopupAlertCheckoutNoNetwork-icon,.popupAlert .PopupAlertCheckoutPhone-close,.popupAlert .PopupAlertCheckoutPhone-icon,.popupAlert .PopupAlertCheckoutPhoneNull-close,.popupAlert .PopupAlertCheckoutPhoneNull-icon,.popupAlert .PopupAlertCheckoutUserShippingAddress-close,.popupAlert .PopupAlertCheckoutUserShippingAddress-icon,.popupAlert .PopupAlertCheckStockout-close,.popupAlert .PopupAlertCheckStockout-icon,.popupAlert .PopupAlertCoupons-close,.popupAlert .PopupAlertCoupons-icon,.popupAlert .PopupAlertDeleteProduct-close,.popupAlert .PopupAlertDeleteProduct-icon,.popupAlert .PopupAlertDeleteUserShippingAddress-close,.popupAlert .PopupAlertDeleteUserShippingAddress-icon,.popupAlert .PopupAlertjoinTheFailureShopcart-close,.popupAlert .PopupAlertjoinTheFailureShopcart-icon,.popupAlert .PopupAlertOverUserShippingAddress-close,.popupAlert .PopupAlertOverUserShippingAddress-icon,.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-icon,.popupAlert .PopupAlertPublic-close,.popupAlert .PopupAlertPublic-icon,.sprite_popup_alert_delete {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/sprite_popup_alert_delete.png);
    content: ""
}

.popupAlert .PopupAlertCheckoutCouponsInput-close,.popupAlert .PopupAlertProductPalette-close,.sprite_popup_alert_delete-white {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/close-icon.png);
    content: ""
}

.popupComponent .popupComponentAddUserShippingAddress-errorMessage,.popupComponent .popupComponentPopupArrivalNotice-body.stepF .popupComponentPopupArrivalNotice-body-error>i,.sprite_popup_userShippingAddress {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/checkout_popup_error.png);
    content: ""
}

.sprite_popup_arrivalNotice {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/LoginIn-icon.png);
    content: ""
}

.sprite_checkout_triangle {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/sprite_checkout_triangle.png);
    content: ""
}

.popupComponent .popupComponentPopupArrivalNotice-body.stepS .popupComponentPopupArrivalNotice-body-icon,.sprite_popup_component_arrival_notice {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/checkout-alert-get.png);
    content: ""
}

.checkout-first-submit-icon,.economize-details .economize-details-icon {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/Tria.png);
    content: ""
}

.brand_chosen p:last-of-type i,.brand_cont_on .selected_Brands .brand_select:hover:after,.breadcrumb .cate_cont_on h1:after,.breadcrumb .cate_cont h1:after,.category_icon,.filter_item_cont .fold_menu:after,.filter_item_cont .hasMore:after,.s_s_btn .colect_show_more:after,.s_s_btn .select_more:before,.s_s_btn .show_more:after,.search_text button i {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_icon.png);
    content: ""
}

.homePopUp520Image {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/homePopUp.jpg);
    content: ""
}

.membershipCard>.main .center>.black>.textBg>.mainText>li .point,.membershipCard>.main .center>.black>.title,.membershipCard>.main .center>.contest>.leftModule>ul li>.point,.membershipCard>.main .center>.gold>.textBg>.mainText>li .point,.membershipCard>.main .center>.gold>.title,.membershipCard>.main .center>.pink>.textBg>.mainText>li .point,.membershipCard>.main .center>.pink>.title,.membershipCard>.main .center>.white>.textBg>.mainText>li .point,.membershipCard>.main .center>.white>.title,.sepMembercard_icon {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/sepMembercard.png);
    content: ""
}

.forClient-bg,.forClient .center {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/forClient_bg.png);
    content: ""
}

.forClient-icon,.phoneHasValidSucceedBox .center .no .picture .image {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/forClient_icon.png);
    content: ""
}

input.module-input,input.module_input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    background-position: -28px 0;
    background-repeat: no-repeat
}

input.module-input:checked,input.module_input:checked {
    background-position: -42px 0
}

input.module-input.disable,input.module_input.disable {
    background-position: -14px 0
}

input.module-input.deleted,input.module_input.deleted {
    background-position: 0 0
}

input.module-radio,input.module_radio {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    background-position: 0 0;
    background-repeat: no-repeat
}

input.module-radio:checked,input.module_radio:checked {
    background-position: 0 -14px
}

input.module-text {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #ccc;
    text-indent: 18px
}

input.module-text.select180 {
    width: 180px;
    height: 30px;
    line-height: 30px
}

input.module-text.select240 {
    width: 240px;
    height: 30px;
    line-height: 30px
}

input.module-text.select580 {
    width: 580px;
    height: 30px;
    line-height: 30px
}

select.module-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #ccc;
    padding-left: 18px
}

select.module-select.select180 {
    width: 180px;
    height: 30px;
    line-height: 30px
}

.btn-black {
    height: 30px;
    line-height: 30px;
    background: #000;
    color: #fff;
    font-size: 14px;
    text-align: center;
    cursor: pointer
}

.btn-black:hover {
    background: #e00;
    transition: background-color .2s ease-out
}

.btn-gray {
    background: #ddd;
    color: #666
}

.btn-gray,.btn-validation {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    cursor: default
}

.btn-validation {
    display: inline-block;
    margin-left: 20px;
    width: 120px;
    background: #999;
    color: #fff
}

.btn-validation.active {
    background: #000;
    color: #fff;
    cursor: pointer
}

.btn-validation.active:hover {
    background: #e00;
    transition: background-color .2s ease-out
}

.error-tips {
    height: 20px;
    line-height: 20px;
    margin-left: 139px;
    padding-top: 5px;
    font-size: 12px;
    color: #e00
}

.error-tips>div {
    display: inline-block;
    vertical-align: middle
}

.error-tips>.errorIcon {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin-right: 4px;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/LoginIn-icon.png) no-repeat -38px -14px
}

.overflow-text {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.base-input-module {
    float: left;
    width: 300px;
    background-color: #fff;
    position: relative;
    box-sizing: border-box
}

.base-input-module input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #ccc;
    text-indent: 20px;
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

.base-input-module input:hover {
    border-bottom: 1px solid #000
}

.base-input-module div.icon-good {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 10px;
    background-position: -20px 0
}

.base-input-module div.icon-good-line {
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    background-color: #4cd964
}

.base-input-module div.icon-bad {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 10px;
    background-position: -20px -36px
}

.base-input-module div.icon-bad-line {
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    background-color: #ff0700
}

.base-input-module div.icon-now-line {
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    background-color: #000
}

.base-input-module div.icon-clear {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 10px;
    background-position: -20px -18px;
    z-index: 999
}

.base-input-module div.icon-clear:hover {
    cursor: pointer
}

.lazyload {
    width: 100%;
    height: 100%;
    background: url("../image/public_images45.gif") no-repeat 50%
}

.lazyloaded {
    background: initial
}

.module-navigationBrand {
    position: absolute;
    width: 526px;
    min-height: 100px;
    left: -320px;
    padding-top: 8px;
    top: 28px;
    background-repeat: no-repeat
}

.module-navigationBrand .module-navigationBrand-main {
    padding: 20px;
    height: 307px;
    width: 484px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-top: 0
}

.module-navigationBrand .module-navigationBrand-main .module-navigationBrand-main-left {
    width: 269px;
    height: 307px;
    display: inline-block;
    border-right: 1px solid #7d7d7d;
    padding-right: 10px
}

.module-navigationBrand .module-navigationBrand-main .module-navigationBrand-main-left input {
    background-color: #eee;
    border-radius: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 12px;
    width: 260px;
    text-indent: 20px
}

.module-navigationBrand .module-navigationBrand-main .module-navigationBrand-main-left .module-navigationBrand-main-left-Alphabet span {
    width: 38px;
    height: 38px;
    display: inline-block;
    text-align: center;
    line-height: 38px;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    color: #b2b2b2
}

.module-navigationBrand .module-navigationBrand-main .module-navigationBrand-main-left .module-navigationBrand-main-left-Alphabet span.has {
    color: #000
}

.module-navigationBrand .module-navigationBrand-main .module-navigationBrand-main-left .module-navigationBrand-main-left-Alphabet span.has:hover {
    color: #e00
}

.module-navigationBrand .module-navigationBrand-main .module-navigationBrand-main-right {
    width: 200px;
    height: 307px;
    float: right;
    overflow-y: scroll;
    position: relative
}

.module-navigationBrand .module-navigationBrand-main .module-navigationBrand-main-right-scroll {
    margin-left: 20px
}

.module-navigationBrand .module-navigationBrand-main .module-navigationBrand-main-right-scroll-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 26px
}

.module-navigationBrand .module-navigationBrand-main .module-navigationBrand-main-right-scroll-title.miss {
    display: none
}

.module-navigationBrand .module-navigationBrand-main .module-navigationBrand-main-right-scroll-list {
    line-height: 22px
}

.module-navigationBrand .module-navigationBrand-main .module-navigationBrand-main-right-scroll-list a {
    color: #3b3b3b;
    font-size: 12px;
    line-height: 22px
}

.module-navigationBrand .module-navigationBrand-main .module-navigationBrand-main-right-scroll-list a:hover {
    color: #e00
}

.module-navigationBrand .module-navigationBrand-main .module-navigationBrand-main-right-scroll-list.miss {
    display: none
}

.module-tabList {
    float: right;
    height: 36px;
    position: absolute;
    right: 0;
    bottom: -7px
}

.module-tabList li {
    display: inline-block;
    line-height: 36px;
    cursor: pointer
}

.module-tabList li a {
    font-size: 14px;
    color: #474747
}

.module-tabList li em {
    margin: 0 12px;
    color: #dadada
}

.module-tabList li.active a,.module-tabList li:hover a {
    font-weight: bolder;
    color: #000
}

.module_tabGroupList {
    position: relative
}

.module_tabGroupList ul {
    height: 320px;
    transition-duration: 1.2s;
    display: block;
    position: absolute;
    opacity: 0;
    z-index: 1
}

.module_tabGroupList ul.module_tabGroupList_show {
    opacity: 1;
    z-index: 10
}

.module_tabGroupList ul li {
    width: 149px;
    height: 79px;
    border-right: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    display: inline-block;
    overflow: hidden;
    position: relative;
    background-color: #fff
}

.module_tabGroupList ul li.hover .module_tabGroupList_hover,.module_tabGroupList ul li:hover .module_tabGroupList_hover {
    display: block
}

.module_tabGroupList ul li a {
    width: 144px;
    height: 60px;
    display: block;
    margin: 5px auto
}

.module_tabGroupList ul li a img {
    width: 100%;
    height: 100%
}

.module_tabGroupList ul li .module_tabGroupList_hover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.8);
    padding-top: 12px;
    display: none
}

.module_tabGroupList ul li .module_tabGroupList_hover .module_tabGroupList_banner {
    color: #fff;
    text-align: center;
    height: 28px;
    line-height: 28px
}

.module_tabGroupList ul li .module_tabGroupList_hover .module_tabGroupList_link {
    width: 84px;
    height: 20px;
    text-align: center;
    color: #fff;
    background-color: #e00;
    line-height: 18px;
    border-radius: 12px
}

.module_categoryProduct {
    width: 800px;
    height: 500px;
    float: right;
    border-left: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    box-sizing: border-box;
    background-color: #fff
}

.module_categoryProduct .module_categoryProduct_li {
    padding: 15px 10px;
    padding-right: 0;
    width: 200px;
    height: 250px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    border-right: 1px solid #f5f5f5;
    border-top: 1px solid #f5f5f5;
    box-sizing: border-box
}

.module_categoryProduct .module_categoryProduct_li:first-child,.module_categoryProduct .module_categoryProduct_li:nth-child(5) {
    width: 199px
}

.module_categoryProduct .module_categoryProduct_li .module_categoryProduct_img {
    position: absolute;
    width: 180px;
    height: 180px;
    right: -5px;
    bottom: 0;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    z-index: 1
}

.module_categoryProduct .module_categoryProduct_li .module_categoryProduct_img img {
    width: 100%;
    height: 100%
}

.module_categoryProduct .module_categoryProduct_li .module_categoryProduct_content {
    display: block;
    font-size: 14px;
    color: #000;
    position: relative;
    z-index: 10
}

.module_categoryProduct .module_categoryProduct_li .module_categoryProduct_brand {
    font-weight: bolder
}

.module_categoryProduct .module_categoryProduct_li .module_categoryProduct_content {
    line-height: 18px
}

.module_categoryProduct .module_categoryProduct_li .module_categoryProduct_price {
    color: #e00;
    margin-top: 4px
}

.module_categoryProduct_li:hover .module_categoryProduct_img {
    right: 10px
}

.module_categoryBrand {
    height: 60px;
    background-color: #fff;
    display: inline-block
}

.module_categoryBrand li {
    display: inline-block;
    width: 149px;
    height: 56px;
    overflow: hidden
}

.module_categoryBrand li a {
    float: left;
    width: 147px;
    height: 60px
}

.module_categoryBrand li a:hover {
    background-color: hsla(0,0%,100%,.7)
}

.module_categoryBrand li em {
    float: left;
    height: 16px;
    width: 2px;
    background-color: #b1b1b1;
    margin-top: 22px
}

.module_categoryBrand li img {
    width: 144px;
    height: 60px;
    margin: 0 auto
}

.module_categoryBrand li img:hover {
    opacity: .7
}

.module_categoryBrand li.last {
    width: 147px
}

.module-carousel {
    height: 500px;
    overflow: hidden;
    position: relative
}

.module-carousel .carousel-multiple {
    position: relative;
    z-index: 1
}

.module-carousel .carousel-multiple ul {
    position: absolute
}

.module-carousel .carousel-multiple ul li {
    display: inline-block
}

.module-carousel .carousel-multiple ul li a img {
    width: 100%;
    height: 100%
}

.module-carousel .carousel-multiple .carousel-multiple-arrows {
    display: inline-block;
    color: #fff;
    font-size: 50px;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    z-index: 100;
    cursor: pointer;
    font-weight: 700;
    left: 0;
    right: 0
}

.module-carousel .carousel-multiple .carousel-multiple-arrows:hover {
    background: rgba(0,0,0,.2)
}

.module-carousel .carousel-multiple .carousel-multiple-arrows .carousel-multiple-arrows-left {
    margin: 20px;
    left: 0;
    position: absolute
}

.module-carousel .carousel-multiple .carousel-multiple-arrows .carousel-multiple-arrows-right {
    margin: 20px;
    right: 0;
    position: absolute
}

.module-carousel .carousel-multiple .carousel-multiple-dots {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 0;
    z-index: 10
}

.module-carousel .carousel-multiple .carousel-multiple-dots span {
    width: 12px;
    margin: 0 1px;
    border: 1px solid #1f1e23;
    background-color: inherit;
    display: inline-block;
    border-radius: 12px;
    cursor: pointer
}

.module-carousel .carousel-multiple .carousel-multiple-dots span.active {
    background-color: #1f1e23
}

.module-carousel .carousel-multiple.carousel-multiple-translation ul {
    position: absolute
}

.module-carousel .carousel-multiple.carousel-multiple-fade .carousel-multiple-arrows-left,.module-carousel .carousel-multiple.carousel-multiple-fade .carousel-multiple-arrows-right {
    display: none
}

.module-carousel .carousel-multiple.carousel-multiple-fade:hover .carousel-multiple-arrows-left,.module-carousel .carousel-multiple.carousel-multiple-fade:hover .carousel-multiple-arrows-right {
    display: block
}

.module-carousel .carousel-multiple.carousel-multiple-fade ul {
    position: relative
}

.module-carousel .carousel-multiple.carousel-multiple-fade ul li {
    opacity: 0;
    transition-duration: .6s
}

.module-carousel .carousel-multiple.carousel-multiple-fade ul li.active {
    opacity: 1
}

.module-carousel-text {
    float: left;
    height: 30px;
    min-width: 40px
}

.module-carousel-text .module-carousel-text-multiple a,.module-carousel-text .module-carousel-text-single a {
    color: #fff;
    display: block
}

.module-carousel-text .module-carousel-text-multiple a:hover,.module-carousel-text .module-carousel-text-single a:hover {
    color: #e00
}

.module-carousel-text .module-carousel-text-multiple {
    overflow: hidden;
    position: relative
}

.module-carousel-text .module-carousel-text-multiple .module-carousel-text-multiple-main {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    left: 0
}

.module-carousel-text .module-carousel-text-multiple ul {
    width: 100%
}

.module-carousel-text .module-carousel-text-multiple ul li {
    display: block;
    width: 100%
}

.module-carousel-text-multiple {
    overflow: hidden
}

.module-search {
    width: 650px;
    height: 36px;
    display: inline-block
}

.module-search .module-search-main {
    width: 540px;
    border: 1px solid #959595;
    min-height: 34px;
    height: 0;
    overflow: hidden;
    background-color: #fff;
    float: left
}

.module-search .module-search-main.radius {
    height: auto;
    border-right: 1px solid #959595
}

.module-search .module-search-main.focus {
    background-color: #fff;
    border-color: #c8c8c8
}

.module-search .module-search-main input {
    width: 540px;
    height: 34px;
    line-height: 34px;
    padding-left: 20px;
    font-size: 12px
}

.module-search .module-search-main .module-search-results {
    background-color: #fff
}

.module-search .module-search-main .module-search-results ul li:hover {
    background-color: #f5f5f5
}

.module-search .module-search-main .module-search-results ul li {
    height: 40px;
    display: block;
    line-height: 40px;
    padding: 0 20px
}

.module-search .module-search-main .module-search-results ul li a {
    display: block;
    color: #000;
    height: 40px;
    overflow: hidden
}

.module-search .module-search-main .module-search-results ul li a span.link {
    color: #b5b5b5;
    float: right
}

.module-search .module-search-main .module-search-results ul li .suggestKeyWord_title {
    display: inline-block;
    width: 450px;
    overflow: hidden;
    height: 40px
}

.module-search .module-search-main ul.module-search-results-best span.highlight {
    color: #e00;
    font-weight: 700
}

.module-search .module-search-submit {
    float: left;
    width: 90px;
    height: 34px;
    border: 1px solid #000;
    background-color: #000;
    border-left: 0;
    border-right: 0;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 34px
}

.module-search .module-search-submit em {
    width: 30px;
    height: 30px;
    background-position: 0 0;
    display: block;
    margin: 5px 0 5px 23px
}

.homePopUp {
    z-index: 1002;
    position: fixed
}

.homePopUp>.bg {
    position: fixed;
    opacity: .5;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-color: #000
}

.homePopUp>.center {
    position: fixed;
    width: 520px;
    height: 320px;
    top: 50%;
    left: 50%;
    margin-left: -260px;
    margin-top: -160px;
    z-index: 2
}

.homePopUp>.center>.closeButton {
    width: 29px;
    height: 29px;
    background-color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
    z-index: 1001;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0
}

._module_loading_animation {
    width: 298px;
    height: 30px;
    background: #999;
    text-align: center;
    position: relative
}

._module_loading_animation_first,._module_loading_animation_second,._module_loading_animation_third {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    left: 144px;
    top: 10px;
    animation: trans 2.5s infinite linear
}

._module_loading_animation_second {
    animation-delay: -1s
}

._module_loading_animation_third {
    animation-delay: -2s
}

@keyframes trans {
    0% {
        transform: translateX(0) scale(1);
        -webkit-transform: translateX(0) scale(1);
        opacity: .5
    }

    12.5% {
        transform: translateX(-20px) scale(2);
        -webkit-transform: translateX(-20px) scale(2);
        opacity: 1
    }

    25% {
        transform: translateX(-40px) scale(1);
        -webkit-transform: translateX(-40px) scale(1);
        opacity: .8
    }

    37.5% {
        transform: translateX(-20px) scale(.5);
        -webkit-transform: translateX(-20px) scale(.5);
        opacity: .6
    }

    50% {
        transform: translateX(0) scale(1);
        -webkit-transform: translateX(0) scale(1);
        opacity: .5
    }

    62.5% {
        transform: translateX(20px) scale(2);
        -webkit-transform: translateX(20px) scale(2);
        opacity: 1
    }

    75% {
        transform: translateX(40px) scale(1);
        -webkit-transform: translateX(40px) scale(1);
        opacity: .8
    }

    87.5% {
        transform: translateX(20px) scale(.5);
        -webkit-transform: translateX(20px) scale(.5);
        opacity: .6
    }

    to {
        transform: translateX(0) scale(1);
        -webkit-transform: translateX(0) scale(1);
        opacity: .5
    }
}

#PopupBusiness {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5001
}

.popupBusiness .PopupBusinessPickCard .PopupBusinessPickCardBg {
    position: fixed;
    opacity: .7;
    filter: alpha(opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    background-color: #000
}

.popupBusiness .PopupBusinessPickCard .PopupBusinessPickCardBgCenter {
    position: fixed;
    width: 340px;
    height: 460px;
    top: 50%;
    left: 50%;
    margin-left: -180px;
    margin-top: -220px;
    z-index: 10001
}

.popupBusiness .PopupBusinessPickCard .PopupBusinessPickCardBgCenter .closeButton {
    z-index: 10002;
    position: absolute;
    margin-left: 286px;
    float: right;
    background-position: -198px -301px;
    width: 54px;
    height: 54px
}

.popupBusiness .PopupBusinessPickCard .PopupBusinessPickCardBgCenter .closeButton:hover {
    cursor: pointer;
    background-position: -252px -301px
}

.popupBusiness .PopupBusinessPickCard .PopupBusinessPickCardBgCenter .cardPicture {
    z-index: 10001;
    margin-top: 34px;
    position: absolute;
    float: left;
    width: 325px;
    height: 301px;
    background-position: 0 0
}

.popupBusiness .PopupBusinessPickCard .PopupBusinessPickCardBgCenter .goShopping,.popupBusiness .PopupBusinessPickCard .PopupBusinessPickCardBgCenter .lookDetail {
    cursor: pointer;
    position: absolute;
    z-index: 10002;
    width: 198px;
    height: 49px;
    text-align: center;
    line-height: 49px;
    color: #fff;
    font-size: 18px;
    margin-top: 400px;
    margin-left: 71px
}

.popupBusiness .PopupBusinessPickCard .PopupBusinessPickCardBgCenter .goShopping {
    margin-top: 351px;
    background-position: 0 -301px
}

.popupBusiness .PopupBusinessPickCard .PopupBusinessPickCardBgCenter .lookDetail:hover {
    text-decoration: underline
}

.forClient .bg {
    position: fixed;
    opacity: .5;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999998;
    background-color: #000
}

.forClient .center {
    position: fixed;
    width: 730px;
    height: 500px;
    top: 50%;
    left: 50%;
    margin-left: -365px;
    margin-top: -250px;
    z-index: 999999
}

.forClient .center>.closeButton {
    cursor: pointer;
    float: right;
    margin-right: 10px;
    margin-top: 12px;
    width: 17px;
    height: 17px;
    background-image: url("http://runtdyf.com/soa/images/loginSearchPassword_icon.png");
    background-position: -80px -56px
}

.forClient .center>.testHeader {
    clear: both;
    float: left;
    margin: 15px 0 50px;
    width: 100%;
    height: 16px
}

.forClient .center>.testHeader>.redIcon {
    width: 14px;
    height: 14px;
    background-position: -38px -14px;
    float: left;
    margin: 1px 0 0 87px
}

.forClient .center>.testHeader>p {
    height: 16px;
    line-height: 16px;
    float: left;
    margin-left: 10px;
    color: #000;
    font-size: 14px
}

.forClient .center>.module {
    height: 32px;
    float: left;
    clear: both;
    margin: 0 0 0 78px
}

.forClient .center>.module>.buttonName {
    float: left;
    width: 70px;
    height: 30px;
    line-height: 30px;
    text-align: right;
    font-size: 14px;
    color: #000;
    margin-right: 20px
}

.forClient .center>.module>.time {
    float: left
}

.forClient .center>.errorModule {
    float: left;
    height: 30px;
    clear: both
}

.forClient .center>.errorModule>.redErrorIcon {
    float: left;
    margin: 6px 0 0 168px;
    width: 14px;
    height: 14px;
    background-position: -38px -14px
}

.forClient .center>.errorModule>.errorText {
    height: 30px;
    line-height: 26px;
    font-size: 12px;
    color: #e00;
    float: left;
    margin-left: 2px
}

.forClient .center>.confirmButton {
    margin: 0 0 0 170px;
    width: 340px;
    height: 30px;
    line-height: 30px;
    background-color: #000;
    color: #fff;
    float: left;
    clear: both;
    font-size: 14px;
    letter-spacing: 2px;
    text-align: center;
    cursor: pointer;
    transition: all .5s;
    -webkit-transition: all .5s
}

.forClient .center>.confirmButton:hover {
    background-color: #e00
}

.forClient .center>.confirmButton2 {
    line-height: 30px;
    background-color: #999;
    color: #fff;
    font-size: 14px;
    letter-spacing: 2px;
    text-align: center
}

.forClient .center>.confirmButton2,.forClient .center>.confirmButton3 {
    margin: 0 0 0 170px;
    width: 340px;
    height: 30px;
    float: left;
    clear: both
}


.forClient .center>.chineAlert {
    float: left;
    clear: both;
    margin-top: 50px;
    width: 100%
}

.forClient .center>.chineAlert>p {
    float: left
}

.forClient .center>.chineAlert>p:first-of-type {
    font-size: 20px;
    margin-left: 96px;
    margin-top: 6px;
    color: #e00
}

.forClient .center>.chineAlert>p:nth-of-type(2) {
    font-size: 14px;
    width: 500px;
    margin-left: 5px;
    color: #858585;
    line-height: 23px
}

.phoneHasValidBox .bg {
    position: fixed;
    opacity: .5;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999998;
    background-color: #000
}

.phoneHasValidBox .center {
    width: 400px;
    height: 240px;
    top: 50%;
    left: 50%;
    margin-top: -120px;
    margin-left: -200px;
    background-color: #fff;
    z-index: 999999;
    position: fixed
}

.phoneHasValidBox .center .no {
    width: 400px;
    height: 40px;
    float: left
}

.phoneHasValidBox .center .no .hideModule {
    cursor: pointer;
    float: right;
    margin: 20px 20px 0 0;
    width: 17px;
    height: 17px;
    background-image: url("http://runtdyf.com/soa/images/loginSearchPassword_icon.png");
    background-position: -80px -56px
}

.phoneHasValidBox .center .no .picture {
    margin-top: 35px;
    float: left;
    width: 400px;
    height: 40px
}

.phoneHasValidBox .center .no .picture .image {
    margin: auto;
    width: 40px;
    height: 40px;
    background-image: url("http://runtdyf.com/soa/images/loginSearchPassword_icon.png");
    background-position: -80px -83px
}

.phoneHasValidBox .center .no .tip {
    width: 400px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    text-align: center;
    float: left;
    margin-top: 23px
}

.phoneHasValidSucceedBox .bg {
    position: fixed;
    opacity: .5;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999998;
    background-color: #000
}

.phoneHasValidSucceedBox .center {
    width: 400px;
    height: 240px;
    top: 50%;
    left: 50%;
    margin-top: -120px;
    margin-left: -200px;
    background-color: #fff;
    z-index: 999999;
    position: fixed
}

.phoneHasValidSucceedBox .center .no {
    width: 400px;
    height: 40px;
    float: left
}

.phoneHasValidSucceedBox .center .no .hideModule {
    cursor: pointer;
    float: right;
    margin: 20px 20px 0 0;
    width: 17px;
    height: 17px;
    background-image: url("http://runtdyf.com/soa/images/loginSearchPassword_icon.png");
    background-position: -80px -56px
}

.phoneHasValidSucceedBox .center .no .picture {
    margin-top: 35px;
    float: left;
    width: 400px;
    height: 40px
}

.phoneHasValidSucceedBox .center .no .picture .image {
    margin: auto;
    width: 42px;
    height: 42px
}

.phoneHasValidSucceedBox .center .no .tip {
    width: 400px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    text-align: center;
    float: left;
    margin-top: 23px
}

.sephoraNavTree {
    float: left
}

.sephoraNavTree li.active {
    color: #e00
}

.sephoraNavTree>li {
    height: 28px;
    line-height: 28px;
    cursor: pointer
}

.sephoraNavTree>li>p {
    float: left;
    height: 28px;
    line-height: 28px;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 1px;
    color: #333
}

.sephoraNavTree>li>div.showArrow {
    border-bottom: 4px solid #000
}

.sephoraNavTree>li>div.hideArrow,.sephoraNavTree>li>div.showArrow {
    width: 0;
    height: 0;
    float: left;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    margin: 12px 0 0 8px
}

.sephoraNavTree>li>div.hideArrow {
    border-top: 4px solid #000
}

.sephoraNavTree>ul>li {
    cursor: pointer;
    height: 28px;
    line-height: 28px;
    color: #333;
    font-size: 14px;
    text-indent: 26px
}

.sephoraNavTree>ul>li:hover {
    color: red;
    text-decoration: underline
}

.sepLookLogistics {
    position: absolute;
    margin-top: -5px;
    z-index: 999
}

.sepLookLogistics.mlF605 {
    margin-left: 605px
}

.sepLookLogistics.mlF625 {
    margin-left: 625px
}

.sepLookLogistics .topArrow {
    width: 34px;
    height: 18px;
    background-position: -300px -216px;
    float: right;
    position: absolute;
    z-index: 1001;
    margin-left: 211px
}

.sepLookLogistics .MainBg {
    position: absolute;
    z-index: 1000;
    margin-top: 17px;
    border: 1px solid #eee;
    box-shadow: 0 0 8px #ddd;
    -webkit-box-shadow: 0 0 8px #ddd;
    -moz-box-shadow: 0 0 8px #ddd;
    float: left;
    clear: both;
    background-color: #fff
}

.sepLookLogistics .MainBg.mtF250 {
    margin-left: -250px;
    width: 500px
}

.sepLookLogistics .MainBg .oneModule {
    width: 250px;
    float: right
}

.sepLookLogistics .MainBg .oneModule .center {
    width: 210px;
    float: left;
    margin: 0 0 0 20px
}

.sepLookLogistics .MainBg .oneModule .center .title {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #eee
}

.sepLookLogistics .MainBg .oneModule .center .title>p:first-of-type {
    height: 40px;
    line-height: 40px;
    float: left
}

.sepLookLogistics .MainBg .oneModule .center .title>p:nth-of-type(2) {
    height: 40px;
    line-height: 40px;
    float: right;
    color: silver
}

.sepLookLogistics .MainBg .oneModule .center .time {
    width: 100%;
    float: left;
    height: 26px;
    line-height: 26px
}

.sepLookLogistics .MainBg .oneModule .center .time.Now {
    margin-top: 6px
}

.sepLookLogistics .MainBg .oneModule .center .time .timeIcon {
    background-position: -132px -216px;
    width: 25px;
    height: 26px;
    float: left
}

.sepLookLogistics .MainBg .oneModule .center .time .timeIcon2 {
    background-position: -132px -254px;
    width: 25px;
    height: 26px;
    float: left
}

.sepLookLogistics .MainBg .oneModule .center .time p.mainTime {
    height: 26px;
    line-height: 26px;
    color: silver;
    float: left
}

.sepLookLogistics .MainBg .oneModule .center .mainText {
    float: left;
    margin-left: 12px;
    border-left: 1px solid #ccc
}

.sepLookLogistics .MainBg .oneModule .center .mainText>p {
    color: silver;
    font-size: 12px;
    float: left;
    margin-left: 12px
}

.sepLookLogistics .MainBg .oneModule .center .mainText>p.Now {
    color: #3e3e3e
}

.sepLookLogistics .MainBg .oneModule .center .mainText2 {
    width: 100%;
    height: 10px;
    float: left;
    margin-left: 12px;
    margin-bottom: 10px;
    border-left: 1px solid #ccc
}

.sepLookLogisticsV2 {
    position: absolute;
    z-index: 999;
    margin-left: -195px
}

.sepLookLogisticsV2 .topArrow {
    width: 34px;
    height: 18px;
    background-position: -300px -216px;
    float: right;
    position: absolute;
    z-index: 1001;
    margin-left: 211px
}

.sepLookLogisticsV2 .MainBg {
    position: absolute;
    z-index: 1000;
    margin-top: 17px;
    border: 1px solid #eee;
    box-shadow: 0 0 8px #ddd;
    -webkit-box-shadow: 0 0 8px #ddd;
    -moz-box-shadow: 0 0 8px #ddd;
    float: left;
    clear: both;
    background-color: #fff
}

.sepLookLogisticsV2 .MainBg.mtF250 {
    margin-left: -250px;
    width: 500px
}

.sepLookLogisticsV2 .MainBg .oneModule {
    width: 250px;
    float: right
}

.sepLookLogisticsV2 .MainBg .oneModule .center {
    width: 210px;
    float: left;
    margin: 0 0 0 20px
}

.sepLookLogisticsV2 .MainBg .oneModule .center .title {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #eee
}

.sepLookLogisticsV2 .MainBg .oneModule .center .title>p:first-of-type {
    height: 40px;
    line-height: 40px;
    float: left
}

.sepLookLogisticsV2 .MainBg .oneModule .center .title>p:nth-of-type(2) {
    height: 40px;
    line-height: 40px;
    float: right;
    color: silver
}

.sepLookLogisticsV2 .MainBg .oneModule .center .time {
    width: 100%;
    float: left;
    height: 26px;
    line-height: 26px
}

.sepLookLogisticsV2 .MainBg .oneModule .center .time.Now {
    margin-top: 6px
}

.sepLookLogisticsV2 .MainBg .oneModule .center .time .timeIcon {
    background-position: -132px -216px;
    width: 25px;
    height: 26px;
    float: left
}

.sepLookLogisticsV2 .MainBg .oneModule .center .time .timeIcon2 {
    background-position: -132px -254px;
    width: 25px;
    height: 26px;
    float: left
}

.sepLookLogisticsV2 .MainBg .oneModule .center .time p.mainTime {
    height: 26px;
    line-height: 26px;
    color: silver;
    float: left
}

.sepLookLogisticsV2 .MainBg .oneModule .center .mainText {
    float: left;
    margin-left: 12px;
    border-left: 1px solid #ccc
}

.sepLookLogisticsV2 .MainBg .oneModule .center .mainText>p {
    color: silver;
    font-size: 12px;
    float: left;
    margin-left: 12px
}

.sepLookLogisticsV2 .MainBg .oneModule .center .mainText>p.Now {
    color: #3e3e3e
}

.sepLookLogisticsV2 .MainBg .oneModule .center .mainText2 {
    width: 100%;
    height: 10px;
    float: left;
    margin-left: 12px;
    margin-bottom: 10px;
    border-left: 1px solid #ccc
}

.SepSelectAddArea {
    float: left;
    position: absolute;
    z-index: 100;
    width: 240px
}

.SepSelectAddArea.ml84 {
    margin-left: 84px
}

.SepSelectAddArea>.selectBox {
    cursor: pointer;
    float: left;
    width: 238px;
    height: 28px;
    background-color: #fff;
    border: 1px solid #cbcbcb
}

.SepSelectAddArea>.selectBox>p.nowState {
    float: left;
    height: 28px;
    line-height: 28px;
    color: #999;
    text-indent: 10px;
    letter-spacing: 1px
}

.SepSelectAddArea>.selectBox>p.nowState.hasReason {
    color: #000
}

.SepSelectAddArea>.selectBox>.bottomArrow {
    float: right;
    margin: 11px 10px 0 0;
    width: 10px;
    height: 6px;
    background-position: -31px 0
}

.SepSelectAddArea>.selectBox>.topArrow {
    float: right;
    margin: 11px 10px 0 0;
    width: 10px;
    height: 6px;
    background-position: -31px -6px
}

.SepSelectAddArea>.moduleBox {
    background-color: #fff;
    width: 238px;
    float: left;
    border-left: 1px solid #cbcbcb;
    border-right: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb
}

.SepSelectAddArea>.moduleBox.overFlowAuto {
    height: 120px;
    overflow: auto
}

.SepSelectAddArea>.moduleBox>ul li {
    color: #4a4a4a;
    text-indent: 10px;
    height: 30px;
    width: 238px;
    line-height: 30px;
    cursor: pointer;
    float: left
}

.SepSelectAddArea>.moduleBox>ul li:hover {
    background-color: #f5f5f5
}

.SepCancelOrderReason>.bg {
    position: fixed;
    opacity: .5;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background-color: #000
}

.SepCancelOrderReason>.center {
    position: fixed;
    width: 500px;
    height: 350px;
    top: 50%;
    left: 50%;
    margin-left: -250px;
    margin-top: -175px;
    z-index: 1001;
    background-color: #fff
}

.SepCancelOrderReason>.center>.titleBg {
    float: left;
    background-color: #000;
    line-height: 58px;
    height: 58px;
    width: 100%;
    color: #fff;
    font-size: 17px;
    text-align: center;
    letter-spacing: 1px
}

.SepCancelOrderReason>.center>.closeButton {
    z-index: 1002;
    position: absolute;
    margin-left: 465px;
    margin-top: 20px;
    float: right;
    background-position: 0 0;
    width: 17px;
    height: 17px;
    cursor: pointer
}

.SepCancelOrderReason>.center>.main {
    float: left;
    width: 324px;
    margin: 40px 0 0 88px
}

.SepCancelOrderReason>.center>.main .select {
    float: left;
    width: 100%;
    height: 30px
}

.SepCancelOrderReason>.center>.main .select>p:first-of-type {
    color: red;
    float: left;
    height: 30px;
    line-height: 27px
}

.SepCancelOrderReason>.center>.main .select>p:nth-of-type(2) {
    margin-left: 1px;
    color: #4a4a4a;
    height: 30px;
    line-height: 30px;
    float: left;
    font-size: 14px
}

.SepCancelOrderReason>.center>.main .tip {
    width: 100%;
    float: left;
    margin-top: 30px;
    color: #4a4a4a
}

.SepCancelOrderReason>.center>.main .tip>ul li {
    letter-spacing: 1px;
    margin-bottom: 10px;
    width: 100%;
    height: 14px;
    line-height: 14px
}

.SepCancelOrderReason>.center>.main .tip>ul li .Exclamation {
    width: 14px;
    height: 14px;
    float: left;
    background-position: -17px 0
}

.SepCancelOrderReason>.center>.main .tip>ul li p {
    float: left;
    margin-left: 6px
}

.SepCancelOrderReason>.center>.main .confirmButton {
    margin-top: 17px;
    width: 100%;
    height: 30px;
    float: left
}

.SepCancelOrderReason>.center>.main .confirmButton .moduleButton {
    float: left;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer
}

.SepCancelOrderReason>.center>.main .confirmButton .moduleButton.sure {
    margin-left: 42px;
    background-color: #000;
    color: #fff
}

.SepCancelOrderReason>.center>.main .confirmButton .moduleButton.cancel {
    margin-left: 40px;
    background-color: #eee;
    color: #999
}

.dropdwon-select-box {
    width: 120px;
    height: 30px;
    border: 1px solid #ccc;
    padding-left: 10px;
    box-sizing: border-box
}

.my-discount {
    padding-top: 12px;
    font-size: 14px
}

.my-discount>.discount-tab>li {
    float: left;
    height: 30px;
    line-height: 30px;
    margin-right: 30px;
    box-sizing: border-box;
    text-align: center;
    color: #666;
    cursor: pointer
}

.my-discount>.discount-tab>li.active {
    border-bottom: 2px solid #000;
    color: #000
}

.my-discount>.discount-tab:after {
    display: block;
    content: "";
    clear: both
}

.my-discount>.discount-body>.discount-body-noDiscount {
    height: 132px;
    line-height: 132px;
    text-align: center;
    font-size: 12px;
    color: #999
}

.my-discount>.discount-body>.discount-body-hasDiscount {
    padding-top: 20px
}

.my-discount>.discount-body>.discount-body-hasDiscount>.discount-body-hasDiscount-body>.single-coupon {
    float: left;
    position: relative;
    width: 218px;
    height: 116px;
    padding-left: 54px;
    box-sizing: border-box;
    margin: 0 6px 6px 0;
    color: #fff
}

.my-discount>.discount-body>.discount-body-hasDiscount>.discount-body-hasDiscount-body>.single-coupon.valid {
    background-position: 0 -116px
}

.my-discount>.discount-body>.discount-body-hasDiscount>.discount-body-hasDiscount-body>.single-coupon.valid-no-angle {
    background-position: 0 -233px
}

.my-discount>.discount-body>.discount-body-hasDiscount>.discount-body-hasDiscount-body>.single-coupon:nth-child(4),.my-discount>.discount-body>.discount-body-hasDiscount>.discount-body-hasDiscount-body>.single-coupon:nth-child(8) {
    margin-right: 0
}

.my-discount>.discount-body>.discount-body-hasDiscount>.discount-body-hasDiscount-body>.single-coupon>div.usable-msg {
    position: absolute;
    top: 12px;
    right: 3px;
    transform: rotate(45deg);
    font-size: 12px;
    color: #999
}

.my-discount>.discount-body>.discount-body-hasDiscount>.discount-body-hasDiscount-body>.single-coupon>div.usable-msg.valid {
    color: #fff
}

.my-discount>.discount-body>.discount-body-hasDiscount>.discount-body-hasDiscount-body>.single-coupon>div.coupon-first-line {
    margin-top: 22px;
    height: 45px
}

.my-discount>.discount-body>.discount-body-hasDiscount>.discount-body-hasDiscount-body>.single-coupon>div.coupon-first-line>span {
    display: inline-block
}

.my-discount>.discount-body>.discount-body-hasDiscount>.discount-body-hasDiscount-body>.single-coupon>div.coupon-first-line>span.discount-rmb {
    width: 14px;
    height: 14px;
    font-size: 14px;
    vertical-align: top
}

.my-discount>.discount-body>.discount-body-hasDiscount>.discount-body-hasDiscount-body>.single-coupon>div.coupon-first-line>span.discount-number {
    margin-right: 8px;
    line-height: 40px;
    font-size: 40px;
    font-weight: 500
}

.my-discount>.discount-body>.discount-body-hasDiscount>.discount-body-hasDiscount-body>.single-coupon>div.coupon-first-line>span.discount-type {
    margin-right: 10px;
    font-size: 14px
}

.my-discount>.discount-body>.discount-body-hasDiscount>.discount-body-hasDiscount-body>.single-coupon>div.coupon-first-line>span.discount-type.active {
    margin-top: 4px;
    height: 24px;
    line-height: 24px;
    font-size: 24px;
    font-weight: 400
}

.my-discount>.discount-body>.discount-body-hasDiscount>.discount-body-hasDiscount-body>.single-coupon>div.coupon-normal-line {
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    font-size: 12px
}

.my-discount>.discount-body>.discount-body-hasDiscount>.discount-body-hasDiscount-body>.single-coupon>div.coupon-normal-line .discount-des {
    display: block;
    width: 145px;
    height: 18px
}

.my-discount>.discount-body>.discount-body-hasDiscount>.discount-body-hasDiscount-body:after {
    display: block;
    content: "";
    clear: both
}

.my-discount>.discount-body>.discount-body-hasDiscount .discount-body-hasDiscount-tip {
    margin: 20px 0;
    text-align: center;
    font-size: 14px;
    color: #666
}

.my-discount>.discount-body>.discount-body-hasDiscount>.discount-body-hasDiscount-footer {
    margin-bottom: 30px
}

.my-discount>.discount-body>.discount-body-hasDiscount>.discount-body-hasDiscount-footer:after {
    display: block;
    content: "";
    clear: both
}

.SepSmallTips {
    position: absolute;
    z-index: 200
}

.SepSmallTips>.text {
    border: 1px solid #eee;
    box-shadow: 0 0 8px #ddd;
    -webkit-box-shadow: 0 0 8px #ddd;
    -moz-box-shadow: 0 0 8px #ddd;
    height: 30px;
    padding: 0 20px;
    background-color: #fff;
    z-index: 1;
    line-height: 30px;
    color: #e00;
    font-size: 12px
}

.SepSmallTips>.text>.bottomArrow {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    position: absolute;
    z-index: 2
}

.CommentsBox>.bg {
    position: fixed;
    opacity: .7;
    filter: alpha(opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2000;
    background-color: #000
}

.CommentsBox>.center {
    background-color: #fff;
    position: fixed;
    width: 800px;
    height: 500px;
    top: 50%;
    left: 50%;
    margin-left: -400px;
    margin-top: -250px;
    z-index: 2001
}

.CommentsBox>.center>.title {
    float: left;
    width: 100%;
    height: 58px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 58px;
    background-color: #000;
    letter-spacing: 1px
}

.CommentsBox>.center>.title>.closeButton {
    width: 17px;
    height: 17px;
    position: absolute;
    margin: -37px 0 0 760px;
    cursor: pointer
}

.CommentsBox>.center>.main {
    width: 700px;
    float: left;
    margin-left: 50px;
    height: 16px
}

.CommentsBox>.center>.main>.starAngPoint {
    float: left;
    width: 100%;
    height: 16px;
    margin-top: 37px
}

.CommentsBox>.center>.main>.starAngPoint>p {
    height: 16px;
    line-height: 16px;
    float: left;
    font-size: 14px
}

.CommentsBox>.center>.main>.starAngPoint>p:first-of-type {
    color: #666;
    margin-right: 20px
}

.CommentsBox>.center>.main>.starAngPoint>p:nth-of-type(2) {
    color: #e00;
    margin-left: 2px
}

.CommentsBox>.center>.main>.starAngPoint>ul>li {
    float: left;
    margin-right: 6px
}

.CommentsBox>.center>.main>.starAngPoint>ul>li.redStar {
    cursor: pointer;
    width: 15px;
    height: 14px;
    margin-top: 1px;
    background-position: -125px -50px
}

.CommentsBox>.center>.main>.starAngPoint>ul>li.grayStar {
    cursor: pointer;
    width: 15px;
    height: 14px;
    margin-top: 1px;
    background-position: -125px -64px
}

.CommentsBox>.center>.main>.starAngPoint>.beCareIcon {
    background-position: -111px -56px;
    width: 14px;
    height: 14px;
    float: left;
    margin-left: 20px;
    margin-top: 1px
}

.CommentsBox>.center>.main>.starAngPoint>.please {
    color: #e00;
    font-size: 12px;
    float: left;
    margin-left: 5px;
    height: 16px;
    line-height: 15px
}

.CommentsBox>.center>.main>.userTalk {
    float: left;
    width: 100%;
    margin-top: 20px
}

.CommentsBox>.center>.main>.userTalk>p {
    float: left;
    color: #666;
    font-size: 14px
}

.CommentsBox>.center>.main>.userTalk>.allText {
    float: left;
    width: 650px;
    margin-left: 20px;
    border: 1px solid #ddd;
    height: 170px
}

.CommentsBox>.center>.main>.userTalk>.allText>.setText {
    font-size: 14px;
    float: left;
    width: 630px;
    margin: 10px 10px 5px;
    height: 135px
}

.CommentsBox>.center>.main>.userTalk>.allText>p {
    float: right;
    color: #999;
    font-size: 14px;
    margin-right: 5px
}

.CommentsBox>.center>.main>.sendImagePicture {
    float: left;
    width: 100%
}

.CommentsBox>.center>.main>.sendImagePicture>.text {
    width: 652px;
    height: 14px;
    margin: 20px 0 12px 48px;
    float: left
}

.CommentsBox>.center>.main>.sendImagePicture>.text>.warningIcon {
    width: 14px;
    height: 14px;
    float: left;
    margin-right: 6px;
    background-position: -111px -56px
}

.CommentsBox>.center>.main>.sendImagePicture>.text>.warningIcon.ftR {
    float: right
}

.CommentsBox>.center>.main>.sendImagePicture>.text>p {
    font-size: 12px;
    height: 14px;
    line-height: 14px;
    color: #000;
    float: left
}

.CommentsBox>.center>.main>.sendImagePicture>.text>.alertText {
    font-size: 12px;
    height: 14px;
    line-height: 14px;
    margin-top: -1px;
    color: #e00;
    float: right
}

.CommentsBox>.center>.main>.submitButton {
    width: 170px;
    height: 40px;
    float: left;
    margin-top: 24px;
    margin-left: 265px;
    background-color: #e00;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    text-align: center
}

.CommentsBox>.center>.main>.submitButton.hasText {
    cursor: pointer
}

.CommentsBox>.center>.main>.submitButton.hasText:hover {
    background-color: #000
}

.CommentsBox>.center>.main>.submitButton.noText {
    background-color: #666
}

.SepHoraAddPictureModel {
    width: 652px;
    height: 50px;
    margin-left: 48px;
    float: left
}

.SepHoraAddPictureModel>ul>li {
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 10px;
    cursor: pointer
}

.SepHoraAddPictureModel>ul>li>img {
    float: left;
    box-shadow: inset 0 0 0 1px #ddd;
    -moz-box-shadow: inset 0 0 0 1px #ddd
}

.SepHoraAddPictureModel>ul>li>.deletePicture {
    position: absolute;
    z-index: 10;
    width: 50px;
    height: 50px;
    background-position: -85px 0
}

.SepHoraAddPictureModel>ul>li>.cameraIcon {
    width: 50px;
    height: 50px;
    float: left;
    background-position: -85px -50px;
    box-shadow: inset 0 0 0 1px #ddd;
    -moz-box-shadow: inset 0 0 0 1px #ddd
}

.SepHoraAddPictureModel>.upload1 {
    display: none
}

.module-checkoutTable {
    position: relative
}

.module-checkoutTable .module-checkoutTable-header {
    height: 60px;
    margin-top: 30px;
    line-height: 60px;
    font-size: 18px;
    color: #333
}

.module-checkoutTable .module-checkoutTable-header-method,.module-checkoutTable .module-checkoutTable-header-payFor {
    font-size: 12px;
    display: inline-block;
    margin-left: 12px;
    line-height: 12px;
    color: #858585
}

.module-checkoutTable .module-checkoutTable-header-method span.priceRed,.module-checkoutTable .module-checkoutTable-header-payFor span.priceRed {
    color: #d1152a
}

.module-checkoutTable .module-checkoutTable-body {
    background-color: #fff
}

.module-checkoutTable .module-checkoutTable-body .module-checkoutTable-body-UHeader {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #eee
}

.module-checkoutTable .module-checkoutTable-body .module-checkoutTable-body-UHeader .module-checkoutTable-body-LHeader {
    display: inline-block;
    color: #333
}

.module-checkoutTable .module-checkoutTable-body .module-checkoutTable-body-UBody.module-checkoutTable-bottom {
    border-bottom: 1px solid #eee
}

.module-checkoutTable .module-checkoutTable-body .module-checkoutTable-body-UBody .module-checkoutTable-body-LBody {
    display: inline-block;
    height: 150px
}

.module-checkoutTable .module-checkoutTable-body .module-checkoutTable-Table-checkAll {
    width: 120px
}

.module-checkoutTable .module-checkoutTable-body .module-checkoutTable-Table-checkAll input {
    vertical-align: sub;
    margin-left: 20px;
    margin-right: 20px
}

.module-checkoutTable .module-checkoutTable-body .module-checkoutTable-Table-checkAll.module-checkoutTable-body-LBody input {
    margin-top: 68px
}

.module-checkoutTable .module-checkoutTable-body .module-checkoutTable-Table-checkAll.module-checkoutTable-body-LBody .module-checkoutTable-Table-productImage {
    width: 110px;
    height: 110px;
    display: inline-block
}

.module-checkoutTable .module-checkoutTable-body .module-checkoutTable-Table-checkAll.module-checkoutTable-body-LBody .module-checkoutTable-Table-productImage>img {
    width: 100%
}

.module-checkoutTable .module-checkoutTable-body .module-checkoutTable-Table-productInfo {
    width: 464px
}

.module-checkoutTable .module-checkoutTable-body .module-checkoutTable-Table-productInfo .module-checkoutTable-Table-productInfo-content {
    margin-top: 30px;
    line-height: 18px
}

.module-checkoutTable .module-checkoutTable-body .module-checkoutTable-Table-productInfo .module-checkoutTable-Table-productInfo-content .module-checkoutTable-Table-productBrand {
    font-size: 12px;
    font-weight: 700
}

.module-checkoutTable .module-checkoutTable-body .module-checkoutTable-Table-productInfo .module-checkoutTable-Table-productInfo-content .module-checkoutTable-Table-productContent {
    font-size: 14px
}

.module-checkoutTable .module-checkoutTable-body .module-checkoutTable-Table-productPrice {
    width: 150px
}

.module-checkoutTable .module-checkoutTable-body .module-checkoutTable-Table-productPrice .module-checkoutTable-Table-productPrice-content {
    margin-top: 30px;
    line-height: 18px
}

.module-checkoutTable .module-checkoutTable-body .module-checkoutTable-Table-productPrice .module-checkoutTable-Table-productPrice-content .module-checkoutTable-Table-productOfferPrice {
    display: block
}

.module-checkoutTable .module-checkoutTable-body .module-checkoutTable-Table-productPrice .module-checkoutTable-Table-productPrice-content .module-checkoutTable-Table-productDisplayPrice {
    display: block;
    color: #aaa;
    text-decoration: line-through
}

.module-checkoutTable .module-checkoutTable-body .module-checkoutTable-Table-productNumber {
    width: 170px
}

.module-checkoutTable .module-checkoutTable-body .module-checkoutTable-Table-productNumber.module-checkoutTable-body-LHeader {
    text-indent: 24px
}

.module-checkoutTable .module-checkoutTable-body .module-checkoutTable-Table-productNumber .module-checkoutTable-Table-productNumber-content {
    margin-top: 30px;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    display: inline-block
}

.module-checkoutTable .module-checkoutTable-body .module-checkoutTable-Table-productNumber .module-checkoutTable-Table-productNumber-content .module-checkoutTable-Table-productNumber-content-add {
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    display: inline-block;
    text-align: center
}

.module-checkoutTable .module-checkoutTable-body .module-checkoutTable-Table-productNumber .module-checkoutTable-Table-productNumber-content .module-checkoutTable-Table-productNumber-content-input {
    width: 36px;
    line-height: 18px;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    text-align: center
}

.module-checkoutTable .module-checkoutTable-body .module-checkoutTable-Table-productNumber .module-checkoutTable-Table-productNumber-content .module-checkoutTable-Table-productNumber-content-minus {
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    display: inline-block;
    text-align: center
}

.module-checkoutTable .module-checkoutTable-body .module-checkoutTable-Table-productSubtotal {
    width: 144px
}

.module-checkoutTable .module-checkoutTable-body .module-checkoutTable-Table-productSubtotal .module-checkoutTable-Table-productSubtotal-content {
    margin-top: 30px;
    color: #d1152a
}

.module-checkoutTable .module-checkoutTable-body .module-checkoutTable-Table-control {
    min-width: 50px;
    float: right
}

.module-checkoutTable .module-checkoutTable-body .module-checkoutTable-Table-control.module-checkoutTable-body-LHeader {
    text-indent: 5px
}

.module-checkoutTable .module-checkoutTable-body .module-checkoutTable-Table-control .module-checkoutTable-Table-control-content {
    margin-top: 30px
}

.module-checkoutTable .module-checkoutTable-body .module-checkoutTable-Table-control .module-checkoutTable-Table-control-content .module-checkoutTable-Table-control-contentInfo {
    display: block
}

.module-checkoutTable .module-checkoutTable-body .module-checkoutTable-Table-control .module-checkoutTable-Table-control-content .module-checkoutTable-Table-control-contentIcon {
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 19px;
    height: 19px;
    margin-top: 10px
}

.module-checkoutTable .module-checkoutTable-control {
    position: absolute;
    right: 0;
    top: 25px
}

.module-checkoutTable .module-checkoutTable-control .module-checkoutTable-add,.module-checkoutTable .module-checkoutTable-control .module-checkoutTable-show {
    margin-left: 20px;
    font-size: 12px
}

.module-checkoutTable .module-checkoutTable-control .module-checkoutTable-add em,.module-checkoutTable .module-checkoutTable-control .module-checkoutTable-show em {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-right: 5px
}

.module-checkoutTable .module-checkoutTable-control .module-checkoutTable-add {
    cursor: pointer;
    color: #666
}

.module-checkoutTable .module-checkoutTable-control .module-checkoutTable-add em {
    background-position: -1px -21px
}

.module-checkoutTable .module-checkoutTable-control .module-checkoutTable-add:hover {
    color: #e00
}

.module-checkoutTable .module-checkoutTable-control .module-checkoutTable-add:hover em {
    background-position: -1px -31px
}

.module-checkoutTable .module-checkoutTable-control .module-checkoutTable-show {
    cursor: pointer;
    color: #7f7f7f
}

.module-checkoutTable .module-checkoutTable-control .module-checkoutTable-show em {
    background-position: -11px -21px
}

.module-checkoutTable .module-checkoutTable-control .module-checkoutTable-show:hover {
    color: #e00
}

.module-checkoutTable .module-checkoutTable-control .module-checkoutTable-show:hover em {
    background-position: -11px -31px
}

.module-checkoutTable .module-checkoutTable-body .module-checkoutTable-body-UHeader {
    height: 47px;
    line-height: 47px;
    padding: 0 40px 0 44px;
    box-sizing: border-box
}

.module-checkoutTable .module-checkoutTable-body .module-checkoutTable-body-UBody {
    height: 150px
}

.module-delete .checkoutDelete-info-content-header {
    height: 39px;
    line-height: 39px;
    text-indent: 20px;
    font-size: 12px;
    color: #999;
    background-color: #fff;
    border-bottom: 1px solid #f0f0f0
}

.module-delete .checkoutDelete-info-content-cancelBox {
    height: 40px;
    line-height: 40px;
    background: #fff;
    border-bottom: 1px solid #f0f0f0
}

.module-delete .checkoutDelete-info-content-cancelBox.fixed {
    position: fixed;
    top: 0;
    z-index: 1000;
    min-width: 1190px;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.1)
}

.module-delete .checkoutDelete-info-content-cancelBox .sprite-checkout-checkbox {
    height: 14px;
    width: 14px;
    display: inline-block;
    margin-left: 20px;
    margin-right: 10px;
    vertical-align: middle;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/leo-7.png) no-repeat
}

.module-delete .checkoutDelete-info-content-cancelBox .checkoutDelete-info-content-cancelProduct {
    margin: 0 10px
}

.module-delete .checkoutDelete-info-content-cancelBox .checkoutDelete-info-content-cancelDelete {
    color: #e00
}

.module-carousel-checkout {
    width: 1190px;
    height: 308px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    background: #fff
}

.module-carousel-checkout .module-carousel-checkout-ul {
    height: 308px;
    display: inline-block;
    position: absolute;
    left: 0
}

.module-carousel-checkout .module-carousel-checkout-li {
    width: 198px;
    height: 268px;
    display: inline-block;
    padding: 20px;
    float: left
}

.module-carousel-checkout .module-carousel-checkout-li-img {
    width: 150px;
    height: 150px
}

.module-carousel-checkout .module-carousel-checkout-li-img>a {
    display: block;
    margin: 0 auto
}

.module-carousel-checkout .module-carousel-checkout-li-img>a>img {
    width: 100%;
    height: 100%
}

.module-carousel-checkout .module-carousel-checkout-li-info {
    margin-top: 10px;
    line-height: 18px;
    font-size: 12px
}

.module-carousel-checkout .module-carousel-checkout-li-brand {
    font-weight: bolder;
    margin-bottom: 5px
}

.module-carousel-checkout .module-carousel-checkout-li-content {
    font-size: 14px;
    margin-bottom: 5px;
    width: 180px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block
}

.module-carousel-checkout .module-carousel-checkout-li-price {
    color: #e00
}

.module-carousel-checkout-control {
    position: absolute;
    right: 0;
    height: 30px;
    width: 101px;
    top: -50px
}

.module-carousel-checkout-control .module-control-left,.module-carousel-checkout-control .module-control-right {
    display: inline-block;
    width: 50px;
    height: 30px;
    cursor: pointer
}

.module-carousel-checkout-control .module-control-left {
    margin-right: 1px;
    -ms-background-position-x: 0;
    background-position-x: 0;
    -ms-background-position-y: -60px;
    background-position-y: -60px
}

.module-carousel-checkout-control .module-control-left:hover {
    -ms-background-position-y: -30px;
    background-position-y: -30px
}

.module-carousel-checkout-control .module-control-left.unable {
    -ms-background-position-y: 0;
    background-position-y: 0
}

.module-carousel-checkout-control .module-control-right {
    -ms-background-position-x: -50px;
    background-position-x: -50px;
    -ms-background-position-y: -60px;
    background-position-y: -60px
}

.module-carousel-checkout-control .module-control-right:hover {
    -ms-background-position-y: -30px;
    background-position-y: -30px
}

.module-carousel-checkout-control .module-control-right.unable {
    -ms-background-position-y: 0;
    background-position-y: 0
}

.checkout-alert {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.5);
    z-index: 9999;
    display: none
}

.checkout-alert.show {
    display: block
}

.checkout-alert .checkout-alert-content {
    width: 440px;
    height: 300px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -220px
}

.checkout-alert .checkout-alert-content .checkout-alert-content-close {
    padding-right: 14px;
    margin: 14px 0;
    overflow: hidden
}

.checkout-alert .checkout-alert-content .checkout-alert-content-close .checkout-alert-content-close-icon {
    width: 30px;
    height: 30px;
    display: block;
    float: right;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/checkout-alert-close2.png) no-repeat 50%;
    cursor: pointer
}

.checkout-alert .checkout-alert-content .checkout-alert-content-icon {
    width: 40px;
    height: 40px;
    display: block;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/checkout-alert-warn.png) no-repeat 50%;
    margin: 0 auto
}

.checkout-alert .checkout-alert-content .checkout-alert-content-title {
    text-align: center;
    margin: 23px 0 20px;
    color: #000;
    font-size: 18px;
    line-height: 18px
}

.checkout-alert .checkout-alert-content .checkout-alert-content-line {
    display: block;
    width: 40px;
    height: 1px;
    border-bottom: 1px solid #858585;
    margin: 0 auto
}

.checkout-alert .checkout-alert-content .checkout-alert-content-word {
    font-size: 12px;
    color: #999;
    margin-top: 15px;
    text-align: center
}

.checkout-alert .checkout-alert-content .checkout-alert-content-footer {
    width: 100%;
    margin-top: 40px;
    text-align: center
}

.checkout-alert .checkout-alert-content .checkout-alert-content-footer .checkout-alert-content-button {
    width: 100px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    display: inline-block;
    font-size: 14px;
    cursor: pointer
}

.checkout-alert .checkout-alert-content .checkout-alert-content-footer .checkout-alert-content-button.submit {
    background: #000;
    color: #fff;
    margin-right: 20px
}

.checkout-alert .checkout-alert-content .checkout-alert-content-footer .checkout-alert-content-button.cancle {
    background: #eee;
    color: #858585;
    margin-left: 20px
}

.checkout-alert-pay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.5);
    z-index: 9999
}

.checkout-alert-pay .checkout-alert-pay-content {
    width: 680px;
    height: 420px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -210px;
    margin-left: -340px
}

.checkout-alert-pay .checkout-alert-pay-content .checkout-alert-pay-content-close {
    padding-right: 14px;
    height: 58px;
    overflow: hidden;
    background: #000;
    color: #fff;
    font-size: 18px;
    line-height: 58px;
    text-align: center
}

.checkout-alert-pay .checkout-alert-pay-content .checkout-alert-pay-content-close .checkout-alert-pay-content-close-icon {
    width: 30px;
    height: 30px;
    display: block;
    margin-top: 14px;
    float: right;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/checkout-alert-close1.png) no-repeat 50%;
    cursor: pointer
}

.checkout-alert-pay .checkout-alert-pay-content .checkout-alert-pay-container {
    height: 360px;
    overflow: hidden
}

.checkout-alert-pay .checkout-alert-pay-content .checkout-alert-pay-container .checkout-alert-pay-container-left {
    width: 50%;
    height: 250px;
    margin-top: 70px;
    float: left;
    box-sizing: border-box;
    border-right: 1px solid #eee
}

.checkout-alert-pay .checkout-alert-pay-content .checkout-alert-pay-container .checkout-alert-pay-container-left .checkout-alert-pay-container-icon {
    display: block;
    width: 40px;
    height: 40px;
    margin: 30px auto 23px;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/checkout-third-submit.png) no-repeat 0 0
}

.checkout-alert-pay .checkout-alert-pay-content .checkout-alert-pay-container .checkout-alert-pay-container-left .checkout-alert-pay-container-text {
    display: block;
    text-align: center;
    color: #000;
    font-size: 18px;
    margin-bottom: 40px
}

.checkout-alert-pay .checkout-alert-pay-content .checkout-alert-pay-container .checkout-alert-pay-container-left .checkout-alert-pay-container-button {
    width: 180px;
    height: 30px;
    display: block;
    margin: 0 auto;
    background: #000;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    text-indent: 10px;
    overflow: hidden;
    cursor: pointer
}

.checkout-alert-pay .checkout-alert-pay-content .checkout-alert-pay-container .checkout-alert-pay-container-left .checkout-alert-pay-container-button i {
    display: block;
    float: right;
    margin-right: 10px
}

.checkout-alert-pay .checkout-alert-pay-content .checkout-alert-pay-container .checkout-alert-pay-containe-right {
    width: 50%;
    height: 250px;
    margin-top: 70px;
    float: right;
    box-sizing: border-box
}

.checkout-alert-pay .checkout-alert-pay-content .checkout-alert-pay-container .checkout-alert-pay-containe-right .checkout-alert-pay-container-icon {
    display: block;
    width: 40px;
    height: 40px;
    margin: 30px auto 23px;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/checkout-third-submit.png) no-repeat -60px 0
}

.checkout-alert-pay .checkout-alert-pay-content .checkout-alert-pay-container .checkout-alert-pay-containe-right .checkout-alert-pay-container-text {
    display: block;
    text-align: center;
    color: #474747;
    font-size: 18px;
    margin-bottom: 40px
}

.checkout-alert-pay .checkout-alert-pay-content .checkout-alert-pay-container .checkout-alert-pay-containe-right .checkout-alert-pay-container-button {
    width: 180px;
    height: 30px;
    display: block;
    margin: 0 auto;
    background: #000;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    text-indent: 10px;
    overflow: hidden;
    cursor: pointer
}

.checkout-alert-pay .checkout-alert-pay-content .checkout-alert-pay-container .checkout-alert-pay-containe-right .checkout-alert-pay-container-button i {
    display: block;
    float: right;
    margin-right: 10px
}

.checkout-alert-pay .checkout-alert-pay-content .checkout-alert-pay-container .checkout-alert-pay-containe-right .checkout-alert-pay-container-help {
    display: block;
    color: #000;
    font-size: 14px;
    text-align: center;
    margin: 10px auto 0
}

.checkout-notice {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.5);
    z-index: 9999;
    display: none
}

.checkout-notice.show {
    display: block
}

.checkout-notice .checkout-notice-content {
    width: 440px;
    height: 300px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -220px
}

.checkout-notice .checkout-notice-content .checkout-notice-header {
    height: 58px;
    line-height: 58px;
    background: #000;
    font-size: 18px;
    color: #fff;
    text-align: center;
    position: relative
}

.checkout-notice .checkout-notice-content .checkout-notice-header .checkout-notice-close {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 14px;
    top: 14px;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/checkout-alert-close1.png) no-repeat 50%;
    cursor: pointer
}

.checkout-notice .checkout-notice-content .checkout-notice-form {
    height: 240px;
    font-size: 14px
}

.checkout-notice .checkout-notice-content .checkout-notice-form .checkout-notice-form-submit {
    width: 100px;
    height: 30px;
    background: #000;
    line-height: 30px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    margin-left: 138px
}

.checkout-notice .checkout-notice-content .checkout-notice-form .checkout-notice-form-tit {
    color: #474747;
    text-align: center;
    line-height: 14px;
    margin: 30px auto
}

.checkout-notice .checkout-notice-content .checkout-notice-form .checkout-notice-form-input {
    text-align: center;
    color: #474747;
    margin-bottom: 20px
}

.checkout-notice .checkout-notice-content .checkout-notice-form .checkout-notice-form-input span {
    display: inline-block;
    margin-right: 20px
}

.checkout-notice .checkout-notice-content .checkout-notice-form .checkout-notice-form-input input {
    display: inline-block;
    width: 240px;
    height: 30px;
    border: 1px solid #ccc;
    padding-left: 5px
}

.checkout-notice .checkout-notice-content .checkout-notice-success {
    height: 240px
}

.checkout-notice .checkout-notice-content .checkout-notice-success .checkout-notice-success-icon {
    width: 58px;
    height: 58px;
    display: block;
    margin: 30px auto;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/checkout-alert-get.png) no-repeat 50%
}

.checkout-notice .checkout-notice-content .checkout-notice-success .checkout-notice-success-title {
    line-height: 18px;
    font-size: 18px;
    text-align: center;
    margin-bottom: 10px
}

.checkout-notice .checkout-notice-content .checkout-notice-success .checkout-notice-success-word {
    width: 260px;
    height: 48px;
    line-height: 24px;
    font-size: 14px;
    color: #474747;
    text-align: center;
    margin: 0 auto
}

._checkbox {
    display: block;
    width: 14px;
    cursor: pointer;
    height: 14px
}

._checkbox.none {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/module_input_checkbox.png) no-repeat -28px 0
}

._checkbox.active {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/module_input_checkbox.png) no-repeat -42px 0
}

.checkout-promotion {
    width: 1095px;
    height: 70px;
    line-height: 70px;
    position: relative;
    border-top: 1px solid #eee
}

.checkout-promotion .CheckoutSubTraction {
    position: absolute;
    left: 137px;
    top: 49px;
    width: 324px;
    background: #fff;
    padding: 30px;
    box-shadow: 0 1px 10px 0 rgba(0,0,0,.1);
    z-index: 10;
    display: none
}

.checkout-promotion .CheckoutSubTraction.cur {
    display: block
}

.checkout-promotion .CheckoutSubTraction .CheckoutSubTraction-ul {
    max-height: 440px;
    overflow-y: hidden;
    overflow-x: hidden
}

.checkout-promotion .CheckoutSubTraction .CheckoutSubTraction-ul>li p {
    display: inline-block;
    line-height: 16px;
    word-break: break-all
}

.checkout-promotion .CheckoutSubTraction .CheckoutSubTraction-ul>li p .checkout-button {
    width: 36px;
    height: 20px;
    font-size: 12px;
    color: #f3f4f6;
    text-align: center;
    line-height: 20px;
    margin: 0 10px 0 0;
    display: inline-block;
    background: #e00
}

.checkout-promotion .CheckoutSubTraction .CheckoutSubTractionCloseBtn {
    font-size: 12px;
    color: #666;
    cursor: pointer;
    border: 1px solid #ddd;
    padding: 2px 15px;
    margin-top: -6px;
    line-height: 16px;
    margin-left: 124px
}

.checkout-promotion .CheckoutMerchandiseList {
    position: absolute;
    left: 137px;
    top: 49px;
    width: 324px;
    background: #fff;
    padding: 30px;
    box-shadow: 0 1px 10px 0 rgba(0,0,0,.1);
    z-index: 10;
    display: none
}

.checkout-promotion .CheckoutMerchandiseList.cur {
    display: block
}

.checkout-promotion .CheckoutMerchandiseList .CheckoutMerchandiseListUlMany {
    max-height: 440px;
    overflow: scroll;
    overflow-x: hidden
}

.checkout-promotion .CheckoutMerchandiseList .CheckoutMerchandiseListUlMany .checkout-div {
    padding: 10px;
    line-height: 16px;
    position: relative;
    left: -10px
}

.checkout-promotion .CheckoutMerchandiseList .CheckoutMerchandiseListUlMany .checkout-div .checkout-promotion-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 11px;
    top: 11px;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/checkout_icon.png) no-repeat -3px -43px
}

.checkout-promotion .CheckoutMerchandiseList .CheckoutMerchandiseListUlMany .checkout-div>span {
    position: relative;
    color: #333;
    font-size: 14px;
    left: 20px
}

.checkout-promotion .CheckoutMerchandiseList .CheckoutMerchandiseListUlMany .CheckoutMerchandiseList-li.lose {
    background: #fafafa;
    position: relative;
    margin-bottom: 10px
}

.checkout-promotion .CheckoutMerchandiseList .CheckoutMerchandiseListUlMany .CheckoutMerchandiseList-li.lose p em {
    color: #bdbdbd
}

.checkout-promotion .CheckoutMerchandiseList .CheckoutMerchandiseListUlMany li {
    height: 90px;
    margin-bottom: 10px
}

.checkout-promotion .CheckoutMerchandiseList .CheckoutMerchandiseListUlMany li img {
    float: left;
    width: 90px;
    height: 90px
}

.checkout-promotion .CheckoutMerchandiseList .CheckoutMerchandiseListUlMany li .CheckoutMerchandiseList-item-img-status {
    width: 91px;
    height: 20px;
    background: rgba(0,0,0,.5);
    position: absolute;
    top: 69px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    display: none
}

.checkout-promotion .CheckoutMerchandiseList .CheckoutMerchandiseListUlMany li p {
    float: left;
    margin-left: 10px;
    padding-top: 10px;
    height: 90px
}

.checkout-promotion .CheckoutMerchandiseList .CheckoutMerchandiseListUlMany li p em:first-child {
    display: block;
    width: 180px;
    font-family: SourceHanSansCN-Normal;
    font-size: 12px;
    color: #000;
    line-height: 16px
}

.checkout-promotion .CheckoutMerchandiseList .CheckoutMerchandiseListUlMany li p em:nth-child(2) {
    display: block;
    font-family: SourceHanSansCN-Light;
    font-size: 12px;
    color: #474747;
    margin-top: 10px;
    line-height: 18px
}

.checkout-promotion .CheckoutMerchandiseList .CheckoutMerchandiseListUlLittle {
    max-height: 440px;
    overflow-y: hidden;
    overflow-x: hidden
}

.checkout-promotion .CheckoutMerchandiseList .CheckoutMerchandiseListUlLittle div:first-child {
    padding: 10px;
    line-height: 16px;
    position: relative;
    left: -10px
}

.checkout-promotion .CheckoutMerchandiseList .CheckoutMerchandiseListUlLittle div:first-child>span {
    margin-left: 22px
}

.checkout-promotion .CheckoutMerchandiseList .CheckoutMerchandiseListUlLittle div:first-child .checkout-promotion-icon {
    display: inline-block;
    position: absolute;
    width: 14px;
    height: 14px;
    left: 11px;
    top: 11px;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/checkout_icon.png) no-repeat -3px -43px
}

.checkout-promotion .CheckoutMerchandiseList .CheckoutMerchandiseListUlLittle .checkout-div {
    padding: 10px;
    line-height: 16px;
    position: relative;
    left: -10px
}

.checkout-promotion .CheckoutMerchandiseList .CheckoutMerchandiseListUlLittle .checkout-div>span {
    margin-left: 22px;
    color: #333;
    font-size: 14px
}

.checkout-promotion .CheckoutMerchandiseList .CheckoutMerchandiseListUlLittle .checkout-div .checkout-promotion-icon {
    display: inline-block;
    position: absolute;
    width: 14px;
    height: 14px;
    left: 11px;
    top: 11px;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/checkout_icon.png) no-repeat -3px -43px
}

.checkout-promotion .CheckoutMerchandiseList .CheckoutMerchandiseListUlLittle .CheckoutMerchandiseList-li.lose {
    background: #fafafa;
    position: relative;
    margin-bottom: 10px
}

.checkout-promotion .CheckoutMerchandiseList .CheckoutMerchandiseListUlLittle .CheckoutMerchandiseList-li.lose p em {
    color: #bdbdbd
}

.checkout-promotion .CheckoutMerchandiseList .CheckoutMerchandiseListUlLittle li {
    height: 90px;
    margin-bottom: 10px
}

.checkout-promotion .CheckoutMerchandiseList .CheckoutMerchandiseListUlLittle li img {
    float: left;
    width: 90px;
    height: 90px
}

.checkout-promotion .CheckoutMerchandiseList .CheckoutMerchandiseListUlLittle li .CheckoutMerchandiseList-item-img-status {
    width: 91px;
    height: 20px;
    background: rgba(0,0,0,.5);
    position: absolute;
    top: 69px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    display: none
}

.checkout-promotion .CheckoutMerchandiseList .CheckoutMerchandiseListUlLittle li p {
    float: left;
    margin-left: 10px;
    padding-top: 10px;
    height: 90px
}

.checkout-promotion .CheckoutMerchandiseList .CheckoutMerchandiseListUlLittle li p em:first-child {
    display: block;
    width: 180px;
    font-family: SourceHanSansCN-Normal;
    font-size: 12px;
    color: #000;
    line-height: 16px
}

.checkout-promotion .CheckoutMerchandiseList .CheckoutMerchandiseListUlLittle li p em:nth-child(2) {
    display: block;
    font-family: SourceHanSansCN-Light;
    font-size: 12px;
    color: #474747;
    margin-top: 10px;
    line-height: 18px
}

.checkout-promotion .CheckoutMerchandiseList .CheckoutMerchandiseCloseBtn {
    font-size: 12px;
    color: #666;
    cursor: pointer;
    margin-top: 10px;
    line-height: 16px;
    display: inline-block;
    border: 1px solid #ddd;
    padding: 2px 15px;
    margin-left: 124px
}

.checkout-promotion .checkout-promotion-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/checkout_icon.png) no-repeat -3px -43px;
    margin-right: 10px;
    vertical-align: text-top
}

.checkout-promotion .checkout-promotion-content {
    display: inline-block;
    color: #000;
    font-size: 12px
}

.checkout-promotion .checkout-promotion-content em {
    color: #e00
}

.checkout-promotion .checkout-promotion-detail {
    color: #e00;
    margin-left: 20px;
    cursor: pointer
}

.checkout-promotion .checkout-promotion-detail span {
    margin-left: 5px
}

.checkout-promotion .checkout-promotion-detail.promotion {
    display: none
}

.checkout-promotion .checkout-promotion-remove-money {
    position: absolute;
    font-size: 12px;
    color: #e00;
    left: 896px
}

.checkout-product-body-item-spec-btn-module .checkout-product-body-item-spec-btn-button {
    width: 50px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    display: inline-block;
    cursor: pointer
}

.checkout-product-body-item-spec-btn-module .checkout-product-body-item-spec-btn-button.affirm {
    color: #fff;
    background: #000;
    margin-right: 10px
}

.checkout-product-body-item-spec-btn-module .checkout-product-body-item-spec-btn-button.cancle {
    color: #999
}

.checkout-product-body-item-spec-btn-module .checkout-product-body-item-spec-btn-button-inventory {
    width: 50px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    background: #999;
    margin-right: 10px
}

.checkout-product-body-item-spec-select-module {
    color: #474747;
    padding: 4px 12px 4px 0;
    border: 1px solid #d6d6d8;
    display: inline-block;
    cursor: pointer;
    margin: 0 10px 10px 0;
    box-sizing: border-box
}

.checkout-product-body-item-spec-select-module:hover {
    border: 1px solid #000
}

.checkout-product-body-item-spec-select-module.active {
    border: 2px solid #e00
}

.checkout-product-body-item-spec-select-module.failed {
    background: hsla(0,0%,87%,.6);
    border: 2px solid #000
}

.checkout-product-body-item-spec-select-module .checkout-product-body-item-spec-select-module-imgModule {
    width: 20px;
    height: 20px;
    margin-left: 12px;
    display: none
}

.checkout-product-body-item-spec-select-module .checkout-product-body-item-spec-select-module-colorModule {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #000;
    vertical-align: middle;
    margin-left: 12px
}

.checkout-product-body-item-spec-select-module .checkout-product-body-item-spec-select-module-textModule {
    margin-left: 12px;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: 20px;
    line-height: 20px
}

.checkout-product-body-item-spec {
    position: absolute;
    top: 20px;
    width: 378px;
    height: 254px;
    z-index: 100;
    padding-top: 8px;
    left: 55px;
    display: none;
    box-sizing: border-box
}

.checkout-product-body-item-spec.show {
    display: block
}

.checkout-product-body-item-spec .checkout-product-body-item-spec-icon {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    position: absolute;
    top: 0;
    left: 20px
}

.checkout-product-body-item-spec .checkout-product-body-item-spec-content {
    width: 100%;
    background: #fff;
    box-shadow: 0 0 10px 1px rgba(0,0,0,.1);
    padding: 25px 10px 30px 30px;
    box-sizing: border-box
}

.checkout-product-body-item-spec .checkout-product-body-item-spec-content .checkout-product-body-item-spec-content-tit {
    font-size: 12px;
    line-height: 12px;
    color: #474747;
    margin-bottom: 20px
}

.checkout-product-body-item-spec .checkout-product-body-item-spec-content .checkout-product-body-item-spec-select {
    margin: 0 0 30px;
    overflow-y: auto;
    width: 338px;
    max-height: 120px
}

.checkout-button {
    width: 36px;
    height: 20px;
    font-size: 12px;
    color: #f3f4f6;
    text-align: center;
    line-height: 20px;
    margin: 0 10px 0 0;
    display: inline-block
}

.checkout-button.present {
    background: #f6670c
}

.checkout-button.minus {
    background: #e00
}

.checkout-product-body-item-unit-price span {
    display: block
}

.checkout-product-body-item-unit-price .checkout-product-body-item-unit-sapPrice {
    color: #000;
    margin-bottom: 10px
}

.checkout-product-body-item-unit-price .checkout-product-body-item-unit-offerPrice {
    color: #858585;
    text-decoration: line-through
}

.checkout-product-body-item-amount-module {
    width: 85px;
    margin: 0
}

.checkout-product-body-item-amount-module .checkout-product-body-item-amount-btn {
    width: 21px;
    height: 21px;
    display: inline-block;
    line-height: 21px;
    text-align: center;
    border: 1px solid #eee;
    color: #474747;
    cursor: pointer
}

.checkout-product-body-item-amount-module .checkout-product-body-item-amount-btn.minus {
    color: #bdbdbd
}

.buy_num .calculate .checkout-product-body-item-amount-module .checkout-product-body-item-amount-btn.minus,.checkout-product-body-item-amount-module .buy_num .calculate .checkout-product-body-item-amount-btn.minus,.checkout-product-body-item-amount-module .checkout-product-body-item-amount-btn.add {
    color: #474747
}

.checkout-product-body-item-amount-module .checkout-product-body-item-amount-btn-stockout {
    display: none
}

.checkout-product-body-item-amount-module .checkout-product-body-item-amount-num-stockout {
    border: 0;
    color: #bdbdbd
}

.checkout-product-body-item-amount-module .checkout-product-body-item-amount-num {
    width: 37px;
    height: 21px;
    display: inline-block;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    text-align: center;
    color: #000;
    line-height: 21px
}

.checkout-product-body-item-handle-module {
    text-align: center;
    width: 100%
}

.checkout-product-body-item-handle-module .checkout-product-body-item-handle-notice {
    display: none;
    height: 20px;
    width: 58px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    background: #474747;
    margin-bottom: 10px;
    cursor: pointer
}

.checkout-product-body-item-handle-module .checkout-product-body-item-handle-collect {
    height: 20px;
    width: 58px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #474747;
    display: block;
    margin-bottom: 10px;
    cursor: pointer
}

.checkout-product-body-item-handle-module .checkout-product-body-item-handle-collect:hover {
    color: #d1152a
}

.checkout-product-body-item-handle-module .checkout-product-body-item-handle-delete {
    width: 19px;
    height: 19px;
    display: block;
    margin: 0 auto;
    cursor: pointer;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/checkout_icon.png) no-repeat 0 0
}

.module-checkoutTable-body {
    position: relative
}

.module-checkoutTable-body ._checkbox {
    position: absolute;
    left: 20px;
    top: 16px
}

.module-checkoutTable-body .module-checkoutTable-body-promotion .checkout-promotion {
    margin-left: 55px
}

.module-checkoutTable-body .module-checkoutTable-body-promotion .checkout-promotion:first-child {
    border-top: none
}

.module-checkoutTable-body .checkout-product-body {
    border-bottom: 1px solid #eee
}

.module-checkoutTable-body .checkout-product-body .checkout-promotion {
    margin-left: 55px
}

.checkout-product-body-item {
    min-height: 150px;
    position: relative;
    padding: 0 40px 0 20px;
    box-sizing: border-box
}

.checkout-product-body-item.lose {
    background: #fafafa
}

.checkout-product-body-item.lose .checkout-product-body-item-content .checkout-product-body-item-salechannel {
    position: absolute;
    display: inline-block;
    top: 129px;
    left: 1px
}

.checkout-product-body-item.lose .checkout-product-body-item-content .checkout-product-body-item-salechannel .checkout-product-body-item-salechannel-icon {
    width: 14px;
    height: 14px;
    margin-right: 4px;
    display: inline-block;
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/checkout_first_minu.png)
}

.checkout-product-body-item.lose .checkout-product-body-item-content .checkout-product-body-item-salechannel>a {
    position: relative;
    top: -3px;
    color: #666;
    cursor: pointer
}

.checkout-product-body-item.lose .checkout-product-body-item-content .checkout-product-body-item-info,.checkout-product-body-item.lose .checkout-product-body-item-content .checkout-product-body-item-info .checkout-product-body-item-attr .checkout-product-body-item-attr-html,.checkout-product-body-item.lose .checkout-product-body-item-content .checkout-product-body-item-info .checkout-product-body-item-productNameCN,.checkout-product-body-item.lose .checkout-product-body-item-content .checkout-product-body-item-subtotal .checkout-product-body-item-unit-price .checkout-product-body-item-unit-sapPrice,.checkout-product-body-item.lose .checkout-product-body-item-content .checkout-product-body-item-unit-price .checkout-product-body-item-unit-offerPrice,.checkout-product-body-item.lose .checkout-product-body-item-content .checkout-product-body-item-unit-price .checkout-product-body-item-unit-sapPrice {
    color: #bdbdbd
}

.checkout-product-body-item .checkout-promotion {
    margin-left: 35px!important
}

.checkout-product-body-item .checkout-product-body-item-content {
    width: 1095px;
    height: 150px;
    margin-left: 35px;
    padding-top: 30px;
    box-sizing: border-box;
    position: relative
}

.checkout-product-body-item .checkout-product-body-item-content ._checkbox {
    position: absolute;
    top: 50%;
    margin-top: -7px;
    left: -35px
}

.checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-img {
    width: 90px;
    height: 90px;
    padding: 8px;
    box-sizing: border-box;
    margin-right: 20px;
    display: inline-block;
    position: relative
}

.checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-img .checkout-product-body-item-img-status {
    width: 100%;
    height: 20px;
    background: rgba(0,0,0,.5);
    position: absolute;
    left: 0;
    bottom: 0;
    color: #fff;
    text-align: center;
    line-height: 20px;
    display: none
}

.checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-img img {
    width: 74px;
    height: 74px;
    display: block
}

.checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-info {
    width: 464px;
    vertical-align: top;
    color: #000;
    line-height: 12px;
    display: inline-block
}

.checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-info h5 {
    font-weight: 700;
    margin-bottom: 10px;
    cursor: pointer
}

.checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-info h5:hover {
    color: #d1152a
}

.checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-info .checkout-product-body-item-productNameCN {
    margin-bottom: 10px;
    cursor: pointer;
    display: inline-block
}

.checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-info .checkout-product-body-item-productNameCN:hover {
    color: #d1152a
}

.checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-info .checkout-product-body-item-attr {
    position: relative
}

.checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-info .checkout-product-body-item-attr .checkout-product-body-item-attr-html {
    display: inline-block;
    padding-right: 12px;
    padding-bottom: 3px;
    position: relative;
    color: #666;
    margin: 0 0 10px;
    cursor: pointer;
    height: 16px;
    box-sizing: border-box
}

.checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-info .checkout-product-body-item-attr .checkout-product-body-item-attr-html.default {
    border-bottom: 1px solid #fff
}

.checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-info .checkout-product-body-item-attr .checkout-product-body-item-attr-html.hover {
    border-bottom: 1px solid #858585
}

.checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-info .checkout-product-body-item-attr .checkout-product-body-item-attr-html.click {
    color: #d1152a;
    border-bottom: 1px solid #d1152a
}

.checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-info .checkout-product-body-item-attr .checkout-product-body-item-attr-html:hover {
    color: #e00
}

.checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-info .checkout-product-body-item-attr .checkout-product-body-item-attr-icon {
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    right: -15px;
    top: 1px
}

.checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-info .checkout-product-body-item-attr .checkout-product-body-item-attr-icon.hover {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/checkout-attr-default.png) no-repeat 0 0
}

.checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-info .checkout-product-body-item-attr .checkout-product-body-item-attr-icon.click {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/checkout-attr-click.png) no-repeat 0 0
}

.checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-unit {
    width: 150px;
    vertical-align: top;
    display: inline-block
}

.checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-amount {
    width: 170px;
    vertical-align: top;
    display: inline-block
}

.checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-amount .checkout-product-body-item-amount-warp {
    text-align: center;
    margin-left: -6px
}

.checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-amount .checkout-product-body-item-amount-warp .checkout-product-body-item-amount-tips {
    width: 60px;
    position: absolute;
    top: 8px;
    right: 305px
}

.checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-amount .checkout-product-body-item-amount-warp .checkout-product-body-item-amount-tips .checkout-product-body-item-amount-module-span {
    color: #e00
}

.checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-amount .checkout-product-body-item-amount-warp .mlnoe {
    display: none
}

.checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-subtotal {
    width: 144px;
    vertical-align: top;
    display: inline-block
}

.checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-subtotal .checkout-product-body-item-unit-sapPrice {
    color: #e00;
    margin-bottom: 10px
}

.checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-handle {
    width: 50px;
    vertical-align: top;
    display: inline-block
}

.module-pagination-main {
    line-height: 40px
}

.module-pagination-main .module-next,.module-pagination-main .module-prev {
    width: 90px;
    display: inline-block;
    text-align: center;
    border: 1px solid #ddd;
    font-size: 14px;
    color: #a8a8a8
}

.module-pagination-main .module-next.active,.module-pagination-main .module-next:hover,.module-pagination-main .module-prev.active,.module-pagination-main .module-prev:hover {
    color: #000
}

.module-pagination-main .module-next.disable:hover,.module-pagination-main .module-prev.disable:hover {
    color: #a8a8a8
}

.module-pagination-main .module-pagination-page {
    margin: 0 20px;
    display: inline-block
}

.module-pagination-main .module-pagination-page>a {
    width: 40px;
    height: 40px;
    border: 1px solid #ddd;
    display: inline-block;
    margin: 0 3px;
    text-align: center
}

.module-pagination-main .module-pagination-page>a.current {
    border-color: #000;
    background-color: #000;
    color: #fff
}

.module-pagination-main .module-pagination-go {
    display: inline-block;
    margin-left: 40px;
    color: #000;
    font-size: 14px
}

.module-pagination-main .module-pagination-go .module-pagination-go-input {
    height: 40px;
    width: 40px;
    display: inline-block;
    border: 1px solid #ddd;
    margin: 0 6px;
    color: #000;
    text-align: center
}

.module-pagination-main .module-pagination-go .module-pagination-go-submit {
    font-size: 14px;
    width: 60px;
    height: 40px;
    display: inline-block;
    background-color: #000;
    color: #fff;
    margin-left: 20px
}

.checkout-purchased-header {
    width: 1190px;
    height: 54px;
    background: #fff;
    color: #474747;
    box-sizing: border-box;
    padding: 0 42px 0 20px
}

.checkout-purchased-header li {
    line-height: 54px;
    display: inline-block
}

.checkout-purchased-header li:first-child {
    width: 850px;
    text-indent: 102px
}

.checkout-purchased-header li:nth-child(2) {
    width: 124px
}

.checkout-purchased-header li:nth-child(3) {
    width: 64px
}

.checkout-purchased-header li:nth-child(4) {
    width: 84px;
    text-align: right
}

.checkout-purchased-header-booking {
    width: 1190px;
    height: 54px;
    background: #fff;
    color: #474747;
    box-sizing: border-box;
    padding: 0 42px 0 20px
}

.checkout-purchased-header-booking li {
    line-height: 54px;
    display: inline-block
}

.checkout-purchased-header-booking li:first-child {
    width: 737px;
    text-indent: 102px
}

.checkout-purchased-header-booking li:nth-child(2) {
    width: 104px
}

.checkout-purchased-header-booking li:nth-child(3) {
    width: 94px
}

.checkout-purchased-header-booking li:nth-child(4) {
    width: 118px
}

.checkout-purchased-header-booking li:nth-child(5) {
    width: 73px
}

.module-checkoutTable-body .module-checkoutTable-Table-productInfo-booking {
    width: 363px
}

.module-checkoutTable-body .module-checkoutTable-Table-productPrice-booking {
    width: 94px
}

.module-checkoutTable-Table-bookingPrice {
    width: 120px
}

.module-checkoutTable-body .module-checkoutTable-Table-productNumber-booking {
    width: 111px
}

.module-checkoutTable-body .module-checkoutTable-Table-productSubtotal-booking {
    width: 118px
}

.module-checkoutTable-Table-bookingSubtotal {
    width: 130px
}

.checkout-product-body-item.lose .checkout-product-body-item-info-booking .checkout-product-body-item-attr .checkout-product-body-item-attr-html,.checkout-product-body-item.lose .checkout-product-body-item-info-booking .checkout-product-body-item-productNameCN,.checkout-product-body-item.lose .checkout-product-body-item-info-booking h5 {
    color: #bdbdbd
}

.checkout-product-body-item.lose .checkout-product-body-item-amount-booking .checkout-product-body-item-amount-warp {
    text-align: center;
    margin-left: -22px
}

.checkout-product-body-item-info-booking {
    width: 363px;
    vertical-align: top;
    color: #000;
    line-height: 12px;
    display: inline-block
}

.checkout-product-body-item-info-booking h5 {
    font-weight: 700;
    margin-bottom: 10px;
    cursor: pointer
}

.checkout-product-body-item-info-booking .checkout-product-body-item-productNameCN {
    margin-bottom: 10px;
    cursor: pointer;
    display: inline-block
}

.checkout-product-body-item-info-booking .checkout-product-body-item-productNameCN:hover {
    color: #000
}

.checkout-product-body-item-info-booking .checkout-product-body-item-attr {
    position: relative
}

.checkout-product-body-item-info-booking .checkout-product-body-item-attr .checkout-product-body-item-attr-html {
    display: inline-block;
    padding-right: 12px;
    padding-bottom: 3px;
    position: relative;
    color: #666;
    margin: 0 0 10px;
    cursor: pointer;
    height: 16px;
    box-sizing: border-box
}

.checkout-product-body-item-info-booking .checkout-product-body-item-attr .checkout-product-body-item-attr-icon {
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    right: -15px;
    top: 1px
}

.checkout-product-body-item-unit-booking {
    width: 94px;
    vertical-align: top;
    display: inline-block
}

.checkout-product-body-item-unit-booking .checkout-product-body-item-unit-price {
    text-align: center;
    margin-left: -8px;
    padding-right: 44px
}

.checkout-product-body-item-unit-booking .checkout-product-body-item-unit-price .checkout-product-body-item-unit-sapPrice {
    color: #000;
    margin-bottom: 10px
}

.checkout-product-body-item-bookingPrice {
    width: 94px;
    vertical-align: top;
    display: inline-block
}

.checkout-product-body-item-bookingPrice .checkout-product-body-item-unit-price {
    text-align: center;
    margin-left: -8px;
    padding-right: 44px
}

.checkout-product-body-item-bookingPrice .checkout-product-body-item-unit-price .checkout-product-body-item-unit-sapPrice {
    color: #000;
    margin-bottom: 10px
}

.checkout-product-body-item-amount-booking {
    width: 142.1px;
    vertical-align: top;
    display: inline-block
}

.checkout-product-body-item-amount-booking .checkout-product-body-item-amount-warp {
    text-align: center;
    margin-left: -5px
}

.checkout-product-body-item-amount-booking .checkout-product-body-item-amount-warp .checkout-product-body-item-amount-tips {
    width: 80px;
    position: absolute;
    top: 8px
}

.checkout-product-body-item-amount-booking .checkout-product-body-item-amount-warp .checkout-product-body-item-amount-tips .checkout-product-body-item-amount-module-span {
    color: #e00
}

.checkout-product-body-item-amount-booking .checkout-product-body-item-amount-warp .mlnoe {
    display: none
}

.checkout-product-body-item-subtotal-booking {
    width: 118px;
    vertical-align: top;
    display: inline-block
}

.checkout-product-body-item-subtotal-booking .checkout-product-body-item-unit-price {
    text-align: center;
    margin-left: -8px;
    padding-right: 44px
}

.checkout-product-body-item-subtotal-booking .checkout-product-body-item-unit-price .checkout-product-body-item-unit-sapPrice {
    color: #000;
    margin-bottom: 10px
}

.checkout-product-body-item-bookingSubtotal {
    width: 102px;
    vertical-align: top;
    display: inline-block
}

.checkout-product-body-item-bookingSubtotal .checkout-product-body-item-unit-price {
    text-align: center;
    margin-left: -8px;
    padding-right: 44px
}

.checkout-product-body-item-bookingSubtotal .checkout-product-body-item-unit-price .checkout-product-body-item-unit-sapPrice {
    color: #e00;
    margin-bottom: 10px
}

.checkout-product-body-item-handle-booking {
    width: 71px;
    vertical-align: top;
    display: inline-block
}

.checkout-product-body-item-handle-booking .checkout-product-body-item-handle-module {
    margin-left: 3px
}

.module-userShippingAddress .module-userShippingAddress-ul .module-userShippingAddress-li {
    border: 1px solid #f5f5f5;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    height: 16px;
    line-height: 16px;
    padding: 19px 0;
    position: relative
}

.module-userShippingAddress .module-userShippingAddress-ul .module-userShippingAddress-li.hide {
    display: none
}

.module-userShippingAddress .module-userShippingAddress-ul .module-userShippingAddress-li:hover {
    background-color: #fafafa;
    border-color: #fafafa
}

.module-userShippingAddress .module-userShippingAddress-ul .module-userShippingAddress-li.active {
    border: 2px solid #e00
}

.module-userShippingAddress .module-userShippingAddress-ul .module-userShippingAddress-li .module-userShippingAddress-li-create {
    height: 14px;
    line-height: 14px;
    padding-right: 20px;
    vertical-align: middle;
    text-indent: 30px;
    width: auto;
    display: inline-block;
    color: #000;
    cursor: pointer
}

.module-userShippingAddress .module-userShippingAddress-ul .module-userShippingAddress-li .module-userShippingAddress-li-name {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 14px;
    line-height: 14px;
    padding-right: 20px;
    vertical-align: middle;
    text-indent: 30px;
    width: auto;
    display: inline-block;
    color: #000
}

.module-userShippingAddress .module-userShippingAddress-ul .module-userShippingAddress-li .module-userShippingAddress-li-address {
    width: auto;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 14px;
    line-height: 14px;
    padding-right: 20px;
    vertical-align: middle;
    border-left: 1px solid #c8c8c8;
    text-indent: 20px;
    max-width: 500px;
    display: inline-block;
    color: #6f6f6f
}

.module-userShippingAddress .module-userShippingAddress-ul .module-userShippingAddress-li .module-userShippingAddress-li-mobile {
    width: auto;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 14px;
    line-height: 14px;
    padding-right: 20px;
    vertical-align: middle;
    border-left: 1px solid #c8c8c8;
    text-indent: 20px;
    width: 100px;
    display: inline-block;
    color: #6f6f6f
}

.module-userShippingAddress .module-userShippingAddress-ul .module-userShippingAddress-li .module-userShippingAddress-li-zipCode {
    width: auto;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 14px;
    line-height: 14px;
    padding-right: 20px;
    vertical-align: middle;
    border-left: 1px solid #c8c8c8;
    text-indent: 20px;
    width: 70px;
    display: inline-block;
    color: #6f6f6f
}

.module-userShippingAddress .module-userShippingAddress-ul .module-userShippingAddress-li .module-userShippingAddress-li-default {
    display: inline-block;
    color: #fff;
    padding: 2px 5px;
    border-radius: 12px;
    background-color: #474747;
    width: 50px;
    height: 16px
}

.module-userShippingAddress .module-userShippingAddress-ul .module-userShippingAddress-li .module-userShippingAddress-li-default a {
    font-size: 12px;
    color: #fff;
    height: 12px;
    line-height: 16px
}

.module-userShippingAddress .module-userShippingAddress-ul .module-userShippingAddress-li .module-userShippingAddress-li-default.change {
    display: none
}

.module-userShippingAddress .module-userShippingAddress-ul .module-userShippingAddress-li .module-userShippingAddress-li-control {
    float: right;
    margin-right: 30px
}

.module-userShippingAddress .module-userShippingAddress-ul .module-userShippingAddress-li .module-userShippingAddress-li-control>a {
    margin-left: 20px;
    color: #aaa
}

.module-userShippingAddress .module-userShippingAddress-ul .module-userShippingAddress-li .module-userShippingAddress-li-control>a:hover {
    color: #e00
}

#CheckoutPayFor .checkoutPayFor-wrap-list .module-userShippingAddress .module-userShippingAddress-ul .module-userShippingAddress-li .checkoutPayFor-wrap-list-active,.module-userShippingAddress .module-userShippingAddress-ul .module-userShippingAddress-li #CheckoutPayFor .checkoutPayFor-wrap-list .checkoutPayFor-wrap-list-active,.module-userShippingAddress .module-userShippingAddress-ul .module-userShippingAddress-li .sprite-checkout-icon {
    width: 19px;
    height: 19px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-position: -20px 0
}

.module-userShippingAddress .module-userShippingAddress-ul .module-userShippingAddress-li:hover .module-userShippingAddress-li-default.change {
    width: 74px;
    height: 16px;
    float: right;
    display: inline-block;
    background-color: #e00
}

#CheckoutMerchandiseInformation .CheckoutMerchandiseInformation-content .Merchandise-logo {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/order-detail-icon.png) no-repeat
}

#CheckoutMerchandiseInformation .CheckoutMerchandiseInformation-content .Merchandise-checkDetail em {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_more_redarrow.png) no-repeat
}

#CheckoutPhone {
    width: 1190px;
    height: 140px;
    margin-top: 50px
}

#CheckoutPhone .checkoutPhone-deposit {
    height: 40px;
    background: #fbfbfb;
    text-align: right
}

#CheckoutPhone .checkoutPhone-deposit .checkoutPhone-deposit-span {
    vertical-align: center;
    margin-right: 25px
}

#CheckoutPhone .checkoutPhone-deposit ._checkbox {
    position: relative;
    left: 932px;
    top: 16px
}

#CheckoutPhone .checkoutPhone-phone {
    height: 100px;
    text-align: right
}

#CheckoutPhone .checkoutPhone-phone .checkoutPhone-phone-content {
    padding: 30px 25px 40px 0
}

#CheckoutPhone .checkoutPhone-phone .checkoutPhone-phone-content .checkoutPhone-phone-span {
    margin-right: 10px;
    color: #858585
}

#CheckoutPhone .checkoutPhone-phone .checkoutPhone-phone-content .checkoutPhone-phone-text {
    width: 220px;
    height: 30px;
    background: #fff;
    border: 1px solid #eee;
    text-indent: 10px
}

#CheckoutPhone .checkoutPhone-phone .checkoutPhone-phone-content .checkoutPhone-phone-tips {
    position: relative;
    top: -53px;
    left: -96px;
    color: #e00
}

.CheckoutSilkPayList {
    min-width: 1190px;
    position: relative
}

.CheckoutSilkPayList .module-checkoutTable-header {
    width: 1190px;
    margin-left: 60px;
    height: 20px;
    font-size: 20px;
    margin-top: 0;
    font-family: SourceHanSansCN-Regular;
    color: #000;
    line-height: 30px
}

.CheckoutSilkPayList .module-checkoutTable-header .module-checkoutSilkPay-title {
    float: right;
    margin-right: 106px
}

.CheckoutSilkPayList .module-checkoutTable-header .module-checkoutSilkPay-title .SilkPayOne,.CheckoutSilkPayList .module-checkoutTable-header .module-checkoutSilkPay-title .SilkPaytwo {
    height: 12px;
    font-size: 12px;
    font-family: SourceHanSansCN-Light;
    color: #000;
    line-height: 18px
}

.CheckoutSilkPayList .module-checkoutTable-header .module-checkoutSilkPay-title .SilkPaythree {
    height: 12px;
    font-size: 12px;
    font-family: SourceHanSansCN-Medium;
    line-height: 18px;
    margin-left: 10px;
    color: #e00;
    cursor: pointer
}

.CheckoutSilkPayList .module-checkoutTable-header .module-checkoutSilkPay-title .SilkPaythree i {
    display: inline-block;
    width: 9px;
    height: 9px;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/silk-arrows.png) no-repeat;
    margin-left: 4px
}

.CheckoutSilkPayList .checkoutSilkPayList-info-content {
    width: 1214px;
    margin: 0 auto;
    margin-top: 21px
}

.CheckoutSilkPayList .checkoutSilkPayList-info-content .checkoutSilkPayList-info-content-ul {
    display: inline-block
}

.CheckoutSilkPayList .checkoutSilkPayList-info-content .checkoutSilkPayList-info-content-ul>li {
    width: 510px;
    height: 160px;
    display: inline-flex;
    padding-left: 60px;
    padding-bottom: 22px;
    cursor: pointer
}

.CheckoutSilkPayList .checkoutSilkPayList-info-content .checkoutSilkPayList-info-content-ul>li .checkoutSilkPayList-info-content-left {
    width: 266px;
    height: 160px;
    border-radius: 6px
}

.CheckoutSilkPayList .checkoutSilkPayList-info-content .checkoutSilkPayList-info-content-ul>li .checkoutSilkPayList-info-content-right {
    width: 244px;
    height: 156px;
    border-top: 2px solid #ddd;
    border-right: 2px solid #ddd;
    border-bottom: 2px solid #ddd
}

.CheckoutSilkPayList .checkoutSilkPayList-info-content .checkoutSilkPayList-info-content-ul>li .checkoutSilkPayList-info-content-right .checkoutSilkPayList-info-content-right-left>ul li:first-child {
    margin: 25px 0 18px 20px
}

.CheckoutSilkPayList .checkoutSilkPayList-info-content .checkoutSilkPayList-info-content-ul>li .checkoutSilkPayList-info-content-right .checkoutSilkPayList-info-content-right-left>ul li:first-child span:nth-child(1) {
    font-size: 12px;
    font-family: PingFangSC-Light;
    color: #999;
    line-height: 17px;
    margin-right: 10px
}

.CheckoutSilkPayList .checkoutSilkPayList-info-content .checkoutSilkPayList-info-content-ul>li .checkoutSilkPayList-info-content-right .checkoutSilkPayList-info-content-right-left>ul li:first-child span:nth-child(2) {
    height: 28px;
    font-size: 20px;
    font-family: PingFangSC-Medium;
    color: #333;
    line-height: 28px
}

.CheckoutSilkPayList .checkoutSilkPayList-info-content .checkoutSilkPayList-info-content-ul>li .checkoutSilkPayList-info-content-right .checkoutSilkPayList-info-content-right-left>ul li:nth-child(2) {
    margin-left: 20px
}

.CheckoutSilkPayList .checkoutSilkPayList-info-content .checkoutSilkPayList-info-content-ul>li .checkoutSilkPayList-info-content-right .checkoutSilkPayList-info-content-right-left>ul li:nth-child(2) span:first-child {
    height: 17px;
    font-size: 12px;
    font-family: PingFangSC-Light;
    color: #999;
    line-height: 17px;
    margin-right: 10px
}

.CheckoutSilkPayList .checkoutSilkPayList-info-content .checkoutSilkPayList-info-content-ul>li .checkoutSilkPayList-info-content-right .checkoutSilkPayList-info-content-right-left>ul li:nth-child(2) span:nth-child(2) {
    height: 22px;
    font-size: 16px;
    font-family: PingFangSC-Light;
    color: #999;
    line-height: 22px
}

.CheckoutSilkPayList .checkoutSilkPayList-info-content .checkoutSilkPayList-info-content-ul>li .checkoutSilkPayList-info-content-right .checkoutSilkPayList-info-content-right-right {
    text-align: right;
    position: relative;
    top: 43px
}

.CheckoutSilkPayList .checkoutSilkPayList-info-content .checkoutSilkPayList-info-content-ul>li .checkoutSilkPayList-info-content-right .checkoutSilkPayList-info-content-right-right i {
    width: 26px;
    height: 26px;
    bottom: 117px;
    right: 10px;
    position: absolute;
    display: inline-block;
    cursor: pointer
}

.CheckoutSilkPayList .checkoutSilkPayList-info-content .checkoutSilkPayList-info-content-ul>li .checkoutSilkPayList-info-content-right .checkoutSilkPayList-info-content-right-right span {
    height: 17px;
    font-size: 12px;
    font-family: PingFangSC-Light;
    color: #999;
    line-height: 17px;
    margin-right: 10px
}

.CheckoutSilkPayList .checkoutSilkPayList-info-content .checkoutSilkPayList-info-content-ul .checkoutSilkPayList-info-content-ul-info {
    width: 1190px;
    height: 297px;
    margin: 0 auto
}

.CheckoutSilkPayList .checkoutSilkPayList-info-content .checkoutSilkPayList-info-content-ul .checkoutSilkPayList-info-content-ul-info .checkoutSilkPayList-info-content-ul-info-div {
    text-align: center;
    position: relative;
    top: 123px;
    left: -121px
}

.CheckoutSilkPayList .checkoutSilkPayList-info-content .checkoutSilkPayList-info-content-ul .checkoutSilkPayList-info-content-ul-info .checkoutSilkPayList-info-content-ul-info-div>i {
    display: inline-block;
    width: 65px;
    height: 47px;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/silk-pay-null-icon.png) no-repeat
}

.CheckoutSilkPayList .checkoutSilkPayList-info-content .checkoutSilkPayList-info-content-ul .checkoutSilkPayList-info-content-ul-info .checkoutSilkPayList-info-content-ul-info-div .checkoutSilkPayList-info-content-ul-info-child {
    display: inline-block;
    position: absolute;
    margin-left: 10px
}

.CheckoutSilkPayList .checkoutSilkPayList-info-content .checkoutSilkPayList-info-content-ul .checkoutSilkPayList-info-content-ul-info .checkoutSilkPayList-info-content-ul-info-div .checkoutSilkPayList-info-content-ul-info-child>span {
    height: 14px;
    font-size: 14px;
    font-family: SourceHanSansCN-Normal;
    color: #999;
    line-height: 21px;
    display: block
}

.CheckoutSilkPayList .checkoutSilkPayList-info-content .checkoutSilkPayList-info-content-ul .checkoutSilkPayList-info-content-ul-info .checkoutSilkPayList-info-content-ul-info-div .checkoutSilkPayList-info-content-ul-info-child .checkoutSilkPayList-info-content-ul-info-child-span {
    margin-left: -89px;
    margin-top: 10px
}

.CheckoutSilkPayList .checkoutSilkPayList-info-content .checkoutSilkPayList-info-content-ul .checkoutSilkPayList-info-content-ul-info .checkoutSilkPayList-info-content-ul-info-div .checkoutSilkPayList-info-content-ul-info-child .checkoutSilkPayList-info-content-ul-info-child-span span:first-child {
    height: 14px;
    font-size: 14px;
    font-family: SourceHanSansCN-Normal;
    color: #999;
    line-height: 21px;
    margin-left: -15px;
    margin-right: 7px
}

.CheckoutSilkPayList .checkoutSilkPayList-info-content .checkoutSilkPayList-info-content-ul .checkoutSilkPayList-info-content-ul-info .checkoutSilkPayList-info-content-ul-info-div .checkoutSilkPayList-info-content-ul-info-child .checkoutSilkPayList-info-content-ul-info-child-span>a {
    height: 14px;
    font-size: 14px;
    font-family: SourceHanSansCN-Normal;
    color: #000;
    line-height: 21px;
    cursor: pointer
}

.CheckoutSilkPayList .CheckoutSilkPaySubmit {
    min-width: 1080px;
    position: relative;
    margin-top: 70px
}

.CheckoutSilkPayList .CheckoutSilkPaySubmit .checkoutSilkPaySubmit-info {
    width: 1080px;
    margin: 0 auto
}

.CheckoutSilkPayList .CheckoutSilkPaySubmit .checkoutSilkPaySubmit-info .checkoutSilkPaySubmit-info-content {
    width: 1080px;
    height: 60px;
    line-height: 60px;
    background: #fbfbfb;
    display: inline-block
}

.CheckoutSilkPayList .CheckoutSilkPaySubmit .checkoutSilkPaySubmit-info .checkoutSilkPaySubmit-info-content .checkoutSilkPaySubmit-info-content-bottom {
    float: right
}

.CheckoutSilkPayList .CheckoutSilkPaySubmit .checkoutSilkPaySubmit-info .checkoutSilkPaySubmit-info-content .checkoutSilkPaySubmit-info-content-bottom .checkoutSilkPaySubmit-info-content-bottom-ul {
    height: 60px;
    float: left;
    line-height: normal;
    padding: 11px 0;
    box-sizing: border-box
}

.CheckoutSilkPayList .CheckoutSilkPaySubmit .checkoutSilkPaySubmit-info .checkoutSilkPaySubmit-info-content .checkoutSilkPaySubmit-info-content-bottom .checkoutSilkPaySubmit-info-content-bottom-ul div:first-child {
    float: left;
    margin-right: 36px;
    text-align: right
}

.CheckoutSilkPayList .CheckoutSilkPaySubmit .checkoutSilkPaySubmit-info .checkoutSilkPaySubmit-info-content .checkoutSilkPaySubmit-info-content-bottom .checkoutSilkPaySubmit-info-content-bottom-ul div:nth-child(2) {
    float: right;
    text-align: right
}

.CheckoutSilkPayList .CheckoutSilkPaySubmit .checkoutSilkPaySubmit-info .checkoutSilkPaySubmit-info-content .checkoutSilkPaySubmit-info-content-bottom .checkoutSilkPaySubmit-info-content-bottom-ul .checkoutSilkPaySubmit-info-content-bottom-ul-li .checkoutSilkPaySubmit-info-content-bottom-ul-li-price,.CheckoutSilkPayList .CheckoutSilkPaySubmit .checkoutSilkPaySubmit-info .checkoutSilkPaySubmit-info-content .checkoutSilkPaySubmit-info-content-bottom .checkoutSilkPaySubmit-info-content-bottom-ul .checkoutSilkPaySubmit-info-content-bottom-ul-li .checkoutSilkPaySubmit-info-content-bottom-ul-li-totalAmount {
    height: 14px;
    font-size: 14px;
    font-family: SourceHanSansCN-Normal;
    color: #3b3b3b;
    line-height: 14px;
    display: block;
    margin-bottom: 10px
}

.CheckoutSilkPayList .CheckoutSilkPaySubmit .checkoutSilkPaySubmit-info .checkoutSilkPaySubmit-info-content .checkoutSilkPaySubmit-info-content-bottom .checkoutSilkPaySubmit-info-content-bottom-ul .checkoutSilkPaySubmit-info-content-bottom-ul-li .checkoutSilkPaySubmit-info-content-bottom-ul-li-totalAmount-proice {
    height: 16px;
    font-size: 14px;
    font-family: HelveticaNeue;
    color: #3b3b3b;
    line-height: 16px;
    display: block;
    margin-bottom: 7px
}

.CheckoutSilkPayList .CheckoutSilkPaySubmit .checkoutSilkPaySubmit-info .checkoutSilkPaySubmit-info-content .checkoutSilkPaySubmit-info-content-bottom .checkoutSilkPaySubmit-info-content-bottom-ul .checkoutSilkPaySubmit-info-content-bottom-ul-li .checkoutSilkPaySubmit-info-content-bottom-ul-li-price-span {
    height: 16px;
    font-size: 14px;
    font-family: HelveticaNeue;
    color: #e00;
    line-height: 16px
}

.CheckoutSilkPayList .CheckoutSilkPaySubmit .checkoutSilkPaySubmit-info .checkoutSilkPaySubmit-info-content .checkoutSilkPaySubmit-info-content-top {
    float: right;
    margin-left: 16px
}

.CheckoutSilkPayList .CheckoutSilkPaySubmit .checkoutSilkPaySubmit-info .checkoutSilkPaySubmit-info-content .checkoutSilkPaySubmit-info-content-top .checkoutSilkPaySubmit-info-content-top-submit {
    display: inline-block;
    width: 140px;
    height: 60px;
    background: #e00;
    cursor: pointer
}

.CheckoutSilkPayList .CheckoutSilkPaySubmit .checkoutSilkPaySubmit-info .checkoutSilkPaySubmit-info-content .checkoutSilkPaySubmit-info-content-top .checkoutSilkPaySubmit-info-content-top-submit span {
    font-size: 20px;
    font-family: SourceHanSansCN-Regular;
    color: #fff;
    margin-left: 30px
}

.CheckoutSilkPayList .CheckoutSilkPaySubmit .checkoutSilkPaySubmit-info .checkoutSilkPaySubmit-info-content .checkoutSilkPaySubmit-info-content-top .checkoutSilkPaySubmit-info-content-top-submit.cur {
    background: #999
}

#PopupAlert {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5001
}

.popupAlert .popupAlert-background {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5)
}

.popupAlert .PopupAlertPublic {
    width: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-height: 300px;
    overflow: hidden;
    height: 260px;
    background: #fff;
    padding: 20px
}

.popupAlert .PopupAlertPublic-close {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer
}

.popupAlert .PopupAlertPublic-icon {
    width: 40px;
    height: 40px;
    display: block;
    margin: 47px auto 24px;
    background-position: 0 -20px
}

.popupAlert .PopupAlertPublic-content {
    display: block;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 20px
}

.popupAlert .PopupAlertPublic-line {
    height: 20px;
    width: 40px;
    border-bottom: 1px solid #000;
    margin: 0 auto
}

.popupAlert .PopupAlertPublic-control {
    height: 30px;
    display: block;
    text-align: center;
    margin: 40px 0
}

.popupAlert .PopupAlertPublic-control>span {
    display: inline-block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    margin: 0 20px;
    cursor: pointer
}

.popupAlert .PopupAlertDeleteUserShippingAddress {
    width: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-height: 300px;
    overflow: hidden;
    height: 260px;
    background: #fff;
    padding: 20px
}

.popupAlert .PopupAlertDeleteUserShippingAddress-close {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer
}

.popupAlert .PopupAlertDeleteUserShippingAddress-icon {
    width: 40px;
    height: 40px;
    display: block;
    margin: 47px auto 24px;
    background-position: 0 -20px
}

.popupAlert .PopupAlertDeleteUserShippingAddress-content {
    display: block;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 20px
}

.popupAlert .PopupAlertDeleteUserShippingAddress-line {
    height: 20px;
    width: 40px;
    border-bottom: 1px solid #000;
    margin: 0 auto
}

.popupAlert .PopupAlertDeleteUserShippingAddress-control {
    height: 30px;
    display: block;
    text-align: center;
    margin: 40px 0
}

.popupAlert .PopupAlertDeleteUserShippingAddress-control>span {
    display: inline-block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    margin: 0 20px;
    cursor: pointer
}

.popupAlert .PopupAlertOverUserShippingAddress {
    width: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-height: 300px;
    overflow: hidden;
    height: 260px;
    background: #fff;
    padding: 20px
}

.popupAlert .PopupAlertOverUserShippingAddress-close {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer
}

.popupAlert .PopupAlertOverUserShippingAddress-icon {
    width: 40px;
    height: 40px;
    display: block;
    margin: 47px auto 24px;
    background-position: 0 -20px
}

.popupAlert .PopupAlertOverUserShippingAddress-content {
    display: block;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 18px
}

.popupAlert .PopupAlertOverUserShippingAddress-line {
    height: 20px;
    width: 40px;
    border-bottom: 1px solid #000;
    margin: 0 auto
}

.popupAlert .PopupAlertOverUserShippingAddress-control {
    height: 30px;
    display: block;
    text-align: center;
    margin: 40px 0
}

.popupAlert .PopupAlertOverUserShippingAddress-control>span {
    display: inline-block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    margin: 0 20px;
    cursor: pointer
}

.popupAlert .PopupAlertCheckoutUserShippingAddress {
    width: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-height: 300px;
    overflow: hidden;
    height: 260px;
    background: #fff;
    padding: 20px
}

.popupAlert .PopupAlertCheckoutUserShippingAddress-close {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer
}

.popupAlert .PopupAlertCheckoutUserShippingAddress-icon {
    width: 40px;
    height: 40px;
    display: block;
    margin: 47px auto 24px;
    background-position: 0 -20px
}

.popupAlert .PopupAlertCheckoutUserShippingAddress-content {
    display: block;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 18px
}

.popupAlert .PopupAlertCheckoutUserShippingAddress-line {
    height: 20px;
    width: 40px;
    border-bottom: 1px solid #000;
    margin: 0 auto
}

.popupAlert .PopupAlertCheckoutUserShippingAddress-control {
    height: 30px;
    display: block;
    text-align: center;
    margin: 40px 0
}

.popupAlert .PopupAlertCheckoutUserShippingAddress-control>span {
    display: inline-block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    margin: 0 20px;
    cursor: pointer
}

.popupAlert .PopupAlertDeleteProduct {
    width: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-height: 300px;
    overflow: hidden;
    height: 260px;
    background: #fff;
    padding: 20px
}

.popupAlert .PopupAlertDeleteProduct-close {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer
}

.popupAlert .PopupAlertDeleteProduct-icon {
    width: 40px;
    height: 40px;
    display: block;
    margin: 47px auto 24px;
    background-position: 0 -20px
}

.popupAlert .PopupAlertDeleteProduct-content {
    display: block;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 20px
}

.popupAlert .PopupAlertDeleteProduct-line {
    height: 20px;
    width: 40px;
    border-bottom: 1px solid #999;
    margin: 0 auto;
    margin-top: 26px
}

.popupAlert .PopupAlertDeleteProduct-control {
    height: 30px;
    display: block;
    text-align: center;
    margin: 40px 0
}

.popupAlert .PopupAlertDeleteProduct-control>span {
    display: inline-block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    margin: 0 20px;
    cursor: pointer
}

.popupAlert .PopupAlertCheckInventory {
    width: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-height: 300px;
    overflow: hidden;
    height: 260px;
    background: #fff;
    padding: 0
}

.popupAlert .PopupAlertCheckInventory-close {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer
}

.popupAlert .PopupAlertCheckInventory-icon {
    width: 40px;
    height: 40px;
    display: block;
    margin: 80px auto 24px;
    background-position: 0 -20px
}

.popupAlert .PopupAlertCheckInventory-content {
    display: block;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 20px
}

.popupAlert .PopupAlertCheckStockout {
    width: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-height: 300px;
    overflow: hidden;
    height: 260px;
    background: #fff;
    padding: 0
}

.popupAlert .PopupAlertCheckStockout-close {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer
}

.popupAlert .PopupAlertCheckStockout-icon {
    width: 40px;
    height: 40px;
    display: block;
    margin: 80px auto 24px;
    background-position: 0 -20px
}

.popupAlert .PopupAlertCheckStockout-content {
    display: block;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 20px
}

.popupAlert .PopupAlertCheckChoiceDelete {
    width: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-height: 300px;
    overflow: hidden;
    height: 260px;
    background: #fff;
    padding: 0
}

.popupAlert .PopupAlertCheckChoiceDelete-close {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer
}

.popupAlert .PopupAlertCheckChoiceDelete-icon {
    width: 40px;
    height: 40px;
    display: block;
    margin: 80px auto 24px;
    background-position: 0 -20px
}

.popupAlert .PopupAlertCheckChoiceDelete-content {
    display: block;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 20px
}

.popupAlert .PopupAlertCheckoutPhone {
    width: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-height: 300px;
    overflow: hidden;
    height: 260px;
    background: #fff;
    padding: 0
}

.popupAlert .PopupAlertCheckoutPhone-close {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer
}

.popupAlert .PopupAlertCheckoutPhone-icon {
    width: 40px;
    height: 40px;
    display: block;
    margin: 80px auto 24px;
    background-position: 0 -20px
}

.popupAlert .PopupAlertCheckoutPhone-content {
    display: block;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 20px
}

.popupAlert .PopupAlertCheckoutPhoneNull {
    width: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-height: 300px;
    overflow: hidden;
    height: 260px;
    background: #fff;
    padding: 0
}

.popupAlert .PopupAlertCheckoutPhoneNull-close {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer
}

.popupAlert .PopupAlertCheckoutPhoneNull-icon {
    width: 40px;
    height: 40px;
    display: block;
    margin: 80px auto 24px;
    background-position: 0 -20px
}

.popupAlert .PopupAlertCheckoutPhoneNull-content {
    display: block;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 20px
}

.popupAlert .PopupAlertCheckoutCouponsInput {
    width: 440px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-height: 300px;
    overflow: hidden;
    height: 270px;
    background: #fff;
    padding: 0
}

.popupAlert .PopupAlertCheckoutCouponsInput-close {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer
}

.popupAlert .PopupAlertCheckoutCouponsInput-head {
    height: 58px;
    text-align: center;
    background-color: #000;
    color: #fff;
    font-size: 18px;
    margin-bottom: 49px
}

.popupAlert .PopupAlertCheckoutCouponsInput-head>span {
    display: inline-block;
    vertical-align: middle;
    width: 50%
}

.popupAlert .PopupAlertCheckoutCouponsInput-head:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -.25em
}

.popupAlert .PopupAlertCheckoutCouponsInput-icon {
    width: 40px;
    height: 40px;
    display: block;
    margin: 80px auto 24px;
    background-position: 0 -20px
}

.popupAlert .PopupAlertCheckoutCouponsInput-content {
    display: block;
    line-height: 20px;
    text-align: center;
    font-size: 20px
}

.popupAlert .PopupAlertCheckoutCouponsInput-content>span {
    font-size: 14px;
    color: #474747
}

.popupAlert .PopupAlertCheckoutCouponsInput-content .PopupAlertCheckoutCouponsInput-content-num {
    width: 240px;
    border: 1px solid #ccc;
    height: 30px;
    text-indent: 7px;
    margin-left: 20px
}

.popupAlert .PopupAlertCheckoutCouponsInput-tips {
    margin-top: 11px;
    height: 14px
}

.popupAlert .PopupAlertCheckoutCouponsInput-tips>span {
    display: inline-block;
    position: relative;
    left: 131px;
    color: #333
}

.popupAlert .PopupAlertCheckoutCouponsInput-tips .PopupAlertCheckoutCouponsInput-tips-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 8px;
    position: relative;
    top: 4px;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/checkout_first_minu.png) no-repeat
}

.popupAlert .PopupAlertCheckoutCouponsInput-control {
    text-align: center;
    padding-right: 81px;
    margin-top: 29px
}

.popupAlert .PopupAlertCheckoutCouponsInput-control .sumit {
    width: 100px;
    height: 30px;
    cursor: pointer
}

.popupAlert .PopupAlertCheckoutCouponsInput-control .sumit .PopupAlertCheckoutCouponsInput-control-text {
    display: inline-block;
    vertical-align: middle;
    width: 50%
}

.popupAlert .PopupAlertCheckoutCouponsInput-control .sumit:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -.25em
}

.popupAlert .PopupAlertCoupons {
    width: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-height: 300px;
    overflow: hidden;
    height: 260px;
    background: #fff;
    padding: 0
}

.popupAlert .PopupAlertCoupons-close {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer
}

.popupAlert .PopupAlertCoupons-icon {
    width: 40px;
    height: 40px;
    display: block;
    margin: 80px auto 24px;
    background-position: 0 -20px
}

.popupAlert .PopupAlertCoupons-content {
    display: block;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 20px
}

.popupAlert .PopupAlertCheckoutNoNetwork {
    width: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-height: 300px;
    overflow: hidden;
    height: 260px;
    background: #fff;
    padding: 0
}

.popupAlert .PopupAlertCheckoutNoNetwork-close {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer
}

.popupAlert .PopupAlertCheckoutNoNetwork-icon {
    width: 40px;
    height: 40px;
    display: block;
    margin: 80px auto 24px;
    background-position: 0 -20px
}

.popupAlert .PopupAlertCheckoutNoNetwork-content {
    display: block;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 20px
}

.popupAlert .PopupAlertjoinTheFailureShopcart {
    width: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-height: 300px;
    overflow: hidden;
    height: 260px;
    background: #fff;
    padding: 0
}

.popupAlert .PopupAlertjoinTheFailureShopcart-close {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer
}

.popupAlert .PopupAlertjoinTheFailureShopcart-icon {
    width: 40px;
    height: 40px;
    display: block;
    margin: 80px auto 24px;
    background-position: 0 -20px
}

.popupAlert .PopupAlertjoinTheFailureShopcart-content {
    display: block;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 20px
}

.popupAlert .PopupAlertProductPalette {
    width: 800px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    min-height: 362px;
    overflow: hidden;
    background: #fff
}

.popupAlert .PopupAlertProductPalette-close {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer
}

.popupAlert .PopupAlertProductPalette-head {
    height: 58px;
    text-align: center;
    background-color: #000;
    color: #fff;
    font-size: 18px;
    margin-bottom: 15px
}

.popupAlert .PopupAlertProductPalette-head>span {
    display: inline-block;
    vertical-align: middle;
    width: 50%
}

.popupAlert .PopupAlertProductPalette-head:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -.25em
}

.popupAlert .PopupAlertProductPalette-wrap {
    padding: 0 40px 20px
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-title-control {
    position: relative;
    height: 30px;
    z-index: 999
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-title-control>span {
    font-size: 14px;
    color: #666;
    position: relative;
    top: 6px
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-title-control .PopupAlertProductPalette-title-control-color {
    width: 64px;
    height: 30px
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-title-control .PopupAlertProductPalette-title-control-color .PopupAlertProductPalette-title-control-color-click {
    display: inline-block;
    width: 64px;
    height: 30px;
    border: 1px solid #ddd;
    position: relative;
    top: -17px;
    left: -250px;
    cursor: hand
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-title-control .PopupAlertProductPalette-title-control-color .PopupAlertProductPalette-title-control-color-click>p {
    font-size: 12px;
    color: #666;
    padding-left: 12px;
    padding-top: 8px
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-title-control .PopupAlertProductPalette-title-control-color .PopupAlertProductPalette-title-control-color-click .bottomIcon {
    margin: 6px 0 0 4px;
    float: left;
    width: 10px;
    height: 6px;
    position: relative;
    left: 38px;
    top: -17px;
    background-position: -40px -18px
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-title-control .PopupAlertProductPalette-title-control-color .PopupAlertProductPalette-title-control-color-click .topIcon {
    margin: 6px 0 0 4px;
    float: left;
    width: 10px;
    height: 6px;
    position: relative;
    left: 38px;
    top: -17px;
    background-position: -50px -18px
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-title-control .PopupAlertProductPalette-title-control-color .PopupAlertProductPalette-title-control-color-click:hover>p {
    color: #e00
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-title-control .PopupAlertProductPalette-title-control-color .PopupAlertProductPalette-title-control-results {
    display: none;
    width: 326px;
    border: 1px solid #ddd;
    position: absolute;
    top: 30px;
    left: 78px;
    background-color: #fff
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-title-control .PopupAlertProductPalette-title-control-color .PopupAlertProductPalette-title-control-results.show {
    border-top: none;
    display: block;
    background-repeat: no-repeat;
    background-position: 64px -7px;
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/navigation_brand_top.png)
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-title-control .PopupAlertProductPalette-title-control-color .PopupAlertProductPalette-title-control-results .PopupAlertProductPalette-title-control-results-div {
    padding: 30px 10px 10px 30px;
    display: inline-block
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-title-control .PopupAlertProductPalette-title-control-color .PopupAlertProductPalette-title-control-results .PopupAlertProductPalette-title-control-results-div>ul .PopupAlertProductPalette-title-control-results-div-li {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-title-control .PopupAlertProductPalette-title-control-color .PopupAlertProductPalette-title-control-results .PopupAlertProductPalette-title-control-results-div>ul .PopupAlertProductPalette-title-control-results-div-li>span:active,.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-title-control .PopupAlertProductPalette-title-control-color .PopupAlertProductPalette-title-control-results .PopupAlertProductPalette-title-control-results-div>ul .PopupAlertProductPalette-title-control-results-div-li>span:focus,.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-title-control .PopupAlertProductPalette-title-control-color .PopupAlertProductPalette-title-control-results .PopupAlertProductPalette-title-control-results-div>ul .PopupAlertProductPalette-title-control-results-div-li>span:hover {
    color: #e00;
    cursor: hand
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-title-control .PopupAlertProductPalette-title-control-character {
    width: 64px;
    height: 30px
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-title-control .PopupAlertProductPalette-title-control-character .PopupAlertProductPalette-title-control-character-click {
    width: 64px;
    height: 30px;
    display: inline-block;
    border: 1px solid #ddd;
    position: relative;
    top: -47px;
    left: -164px;
    cursor: hand
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-title-control .PopupAlertProductPalette-title-control-character .PopupAlertProductPalette-title-control-character-click>p {
    font-size: 12px;
    color: #666;
    padding-left: 12px;
    padding-top: 8px
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-title-control .PopupAlertProductPalette-title-control-character .PopupAlertProductPalette-title-control-character-click .bottomIcon {
    margin: 6px 0 0 4px;
    float: left;
    width: 10px;
    height: 6px;
    position: relative;
    left: 38px;
    top: -17px;
    background-position: -40px -18px
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-title-control .PopupAlertProductPalette-title-control-character .PopupAlertProductPalette-title-control-character-click .topIcon {
    margin: 6px 0 0 4px;
    float: left;
    width: 10px;
    height: 6px;
    position: relative;
    left: 38px;
    top: -17px;
    background-position: -50px -18px
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-title-control .PopupAlertProductPalette-title-control-character .PopupAlertProductPalette-title-control-character-click:hover>p {
    color: #e00
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-title-control .PopupAlertProductPalette-title-control-character .PopupAlertProductPalette-title-control-results {
    display: none;
    width: 326px;
    border: 1px solid #ddd;
    position: absolute;
    top: 30px;
    left: 164px;
    background-color: #fff
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-title-control .PopupAlertProductPalette-title-control-character .PopupAlertProductPalette-title-control-results.show {
    border-top: none;
    display: block;
    background-repeat: no-repeat;
    background-position: 64px -7px;
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/navigation_brand_top.png)
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-title-control .PopupAlertProductPalette-title-control-character .PopupAlertProductPalette-title-control-results .PopupAlertProductPalette-title-control-results-div {
    padding: 30px 10px 10px 30px;
    display: inline-block
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-title-control .PopupAlertProductPalette-title-control-character .PopupAlertProductPalette-title-control-results .PopupAlertProductPalette-title-control-results-div>ul .PopupAlertProductPalette-title-control-results-div-li {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-title-control .PopupAlertProductPalette-title-control-character .PopupAlertProductPalette-title-control-results .PopupAlertProductPalette-title-control-results-div>ul .PopupAlertProductPalette-title-control-results-div-li>span:active,.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-title-control .PopupAlertProductPalette-title-control-character .PopupAlertProductPalette-title-control-results .PopupAlertProductPalette-title-control-results-div>ul .PopupAlertProductPalette-title-control-results-div-li>span:focus,.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-title-control .PopupAlertProductPalette-title-control-character .PopupAlertProductPalette-title-control-results .PopupAlertProductPalette-title-control-results-div>ul .PopupAlertProductPalette-title-control-results-div-li>span:hover {
    color: #e00;
    cursor: hand
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-content-list {
    max-height: 362px;
    min-height: 362px;
    width: 748px;
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: 15px;
    margin-bottom: 20px
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-content-list .PopupAlertProductPalette-content-list-ul .PopupAlertProductPalette-content-list-ul-li {
    float: left
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-content-list .PopupAlertProductPalette-content-list-ul .PopupAlertProductPalette-content-list-ul-li .PopupAlertProductPalette-content-list-ul-li-content {
    width: 360px;
    height: 50px;
    position: relative
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-content-list .PopupAlertProductPalette-content-list-ul .PopupAlertProductPalette-content-list-ul-li .PopupAlertProductPalette-content-list-ul-li-content .PopupAlertProductPalette-content-list-ul-li-div {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 360px;
    height: 14px;
    margin-left: -180px;
    margin-top: -7px
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-content-list .PopupAlertProductPalette-content-list-ul .PopupAlertProductPalette-content-list-ul-li .PopupAlertProductPalette-content-list-ul-li-content .PopupAlertProductPalette-content-list-ul-li-div.stockout {
    opacity: .5;
    font-family: SourceHanSansCN-Medium;
    font-size: 12px;
    color: #fff;
    letter-spacing: 0;
    text-shadow: 0 0 4px rgba(0,0,0,.4)
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-content-list .PopupAlertProductPalette-content-list-ul .PopupAlertProductPalette-content-list-ul-li .PopupAlertProductPalette-content-list-ul-li-content .PopupAlertProductPalette-content-list-ul-li-div .PopupAlertProductPalette-content-list-ul-li-span {
    font-size: 12px;
    color: #fff;
    line-height: 15px;
    margin-left: 20px
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-content-list .PopupAlertProductPalette-content-list-ul .PopupAlertProductPalette-content-list-ul-li .PopupAlertProductPalette-content-list-ul-li-content .PopupAlertProductPalette-content-list-ul-li-div .PopupAlertProductPalette-content-list-ul-li-character {
    font-size: 12px;
    color: #fff;
    line-height: 15px;
    margin-left: 12px
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-content-list .PopupAlertProductPalette-content-list-ul .PopupAlertProductPalette-content-list-ul-li .PopupAlertProductPalette-content-list-ul-li-content .PopupAlertProductPalette-content-list-ul-li-div .PopupAlertProductPalette-content-list-ul-li-hot {
    width: 24.6px;
    height: 15px;
    position: absolute;
    line-height: 15px;
    margin-left: 10px;
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/color-hot.png)
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-content-list .PopupAlertProductPalette-content-list-ul .PopupAlertProductPalette-content-list-ul-li .PopupAlertProductPalette-content-list-ul-li-content .PopupAlertProductPalette-content-list-ul-li-div .PopupAlertProductPalette-content-list-ul-li-tips {
    float: right;
    margin-right: 20px;
    font-size: 12px;
    color: #fff
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-content-list .PopupAlertProductPalette-content-list-ul .PopupAlertProductPalette-content-list-ul-li .PopupAlertProductPalette-content-list-ul-li-content .PopupAlertProductPalette-content-list-ul-li-div .PopupAlertProductPalette-content-list-ul-li-tips.show {
    display: block
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-content-list .PopupAlertProductPalette-content-list-ul .PopupAlertProductPalette-content-list-ul-li .PopupAlertProductPalette-content-list-ul-li-content .PopupAlertProductPalette-content-list-ul-li-div>em {
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 20px;
    top: -5px;
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/color-selected.png)
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-head:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -.25em
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-icon {
    width: 40px;
    height: 40px;
    display: block;
    margin: 80px auto 24px;
    background-position: 0 -20px
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-content {
    display: block;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 20px
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-no-data {
    text-align: center;
    position: absolute;
    top: 42%;
    left: 42%;
    font-size: 30px
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-no-data .PopupAlertProductPalette-no-data-img {
    width: 82px;
    height: 96px;
    margin-bottom: 20px
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-no-data>span {
    font-family: PingFangSC-Light;
    font-size: 15px;
    color: #888;
    letter-spacing: 0
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-control {
    height: 30px
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-control .PopupAlertProductPalette-control-button {
    float: right;
    display: inline-block
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-control .PopupAlertProductPalette-control-button>span {
    display: inline-block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    cursor: pointer
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-control .PopupAlertProductPalette-control-button .button-color-second {
    margin-left: 20px
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-control .PopupAlertProductPalette-control-sapn {
    text-align: left;
    display: inline-block;
    position: relative
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-control .PopupAlertProductPalette-control-sapn .PopupAlertProductPalette-control-sapn-color-span {
    margin-left: 10px
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-control .PopupAlertProductPalette-control-sapn>span {
    font-size: 14px;
    color: #000;
    position: relative;
    top: -5px
}

.popupAlert .PopupAlertProductPalette-wrap .PopupAlertProductPalette-control .PopupAlertProductPalette-control-sapn .PopupAlertProductPalette-control-sapn-color {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 10px
}

.magnifier-container {
    position: absolute;
    top: 0;
    left: 0
}

.magnifier-container,.magnifier-initial {
    margin: 0;
    background: hsla(0,0%,100%,0);
    width: 320px;
    height: 320px
}

.magnifier-initial {
    position: relative;
    cursor: crosshair
}

.magnifier-initial>img {
    width: 100%;
    height: 100%
}

.magnifier-cover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
    width: 140px;
    height: 140px;
    background: #f8f8f8;
    opacity: .5
}

.magnifier-cover-transparent {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: 320px;
    height: 320px;
    opacity: 0
}

.magnifier-preview {
    position: absolute;
    bottom: 0;
    left: 320px;
    overflow: hidden;
    z-index: 101;
    background-color: #fff;
    width: 490px;
    height: 490px
}

.magnifier-preview>img {
    position: absolute;
    width: 1120px;
    height: 1120px
}

.popup-ui {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5)
}

.popup-ui>.popup-ui-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 800px
}

.popup-ui>.popup-ui-container>.popup-ui-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 17px;
    height: 17px;
    cursor: pointer
}

.popup-ui>.popup-ui-container>.popup-ui-close.black {
    background-position: -80px -232px
}

.popup-ui>.popup-ui-container>.popup-ui-close.white {
    background-position: -97px -232px
}

.popup-ui>.popup-ui-container>.popup-ui-header {
    width: 100%;
    height: 58px;
    line-height: 58px;
    background: #000;
    text-align: center;
    color: #fff;
    font-size: 18px
}

.popup-ui>.popup-ui-container>.popup-ui-body {
    background: #fff
}

#PopupComponent {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1001
}

.popupComponent .popupComponent-background {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5)
}

#CheckoutMerchandiseInformation {
    min-width: 1190px;
    position: relative
}

#CheckoutMerchandiseInformation .checkout_merchandise_triangle {
    position: absolute;
    left: 24px;
    top: -10px;
    width: 10px;
    height: 10px
}

#CheckoutMerchandiseInformation .CheckoutMerchandiseInformation-content {
    border-top: 1px solid #eee;
    height: 74px;
    width: 1190px;
    margin: 0 auto;
    background: #fff;
    position: relative
}

#CheckoutMerchandiseInformation .CheckoutMerchandiseInformation-content .Merchandise-logo {
    width: 14px;
    height: 14px;
    margin: 31px 14px 30px 30px;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/order-detail-icon.png) no-repeat;
    float: left
}

#CheckoutMerchandiseInformation .CheckoutMerchandiseInformation-content .Merchandise-message {
    float: left;
    font-family: SourceHanSansCN-Light;
    font-size: 13px;
    color: #000;
    margin: 30px 20px 30px 0
}

#CheckoutMerchandiseInformation .CheckoutMerchandiseInformation-content .Merchandise-message em {
    color: #e00
}

#CheckoutMerchandiseInformation .CheckoutMerchandiseInformation-content .Merchandise-checkDetail {
    font-family: SourceHanSansCN-Medium;
    font-size: 12px;
    color: #e00;
    float: left;
    margin: 29px 2.8px 31px 0;
    cursor: pointer
}

#CheckoutMerchandiseInformation .CheckoutMerchandiseInformation-content .Merchandise-checkDetail em {
    width: 8.5px;
    height: 8.5px;
    margin-left: 2.8px;
    display: inline-block;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_more_redarrow.png) no-repeat;
    transform: rotate(-90deg)
}

#CheckoutMerchandiseInformation .CheckoutMerchandiseInformation-content .CheckoutMerchandiseList {
    position: absolute;
    left: 168px;
    top: 55px;
    width: 324px;
    background: #fff;
    padding: 30px;
    box-shadow: 0 1px 10px 0 rgba(0,0,0,.1);
    z-index: 10;
    display: none
}

#CheckoutMerchandiseInformation .CheckoutMerchandiseInformation-content .CheckoutMerchandiseList.cur {
    display: block
}

#CheckoutMerchandiseInformation .CheckoutMerchandiseInformation-content .CheckoutMerchandiseList .CheckoutMerchandiseListUlMany {
    max-height: 488px;
    overflow: scroll;
    overflow-x: hidden
}

#CheckoutMerchandiseInformation .CheckoutMerchandiseInformation-content .CheckoutMerchandiseList .CheckoutMerchandiseListUlMany li {
    height: 90px
}

#CheckoutMerchandiseInformation .CheckoutMerchandiseInformation-content .CheckoutMerchandiseList .CheckoutMerchandiseListUlMany li img {
    float: left;
    width: 90px;
    height: 90px
}

#CheckoutMerchandiseInformation .CheckoutMerchandiseInformation-content .CheckoutMerchandiseList .CheckoutMerchandiseListUlMany li p {
    float: left;
    margin-left: 10px;
    padding-top: 10px;
    height: 90px
}

#CheckoutMerchandiseInformation .CheckoutMerchandiseInformation-content .CheckoutMerchandiseList .CheckoutMerchandiseListUlMany li p em:first-child {
    display: block;
    width: 180px;
    font-family: SourceHanSansCN-Normal;
    font-size: 12px;
    color: #000;
    line-height: 16px
}

#CheckoutMerchandiseInformation .CheckoutMerchandiseInformation-content .CheckoutMerchandiseList .CheckoutMerchandiseListUlMany li p em:nth-child(2) {
    display: block;
    font-family: SourceHanSansCN-Light;
    font-size: 12px;
    color: #474747;
    margin-top: 10px
}

#CheckoutMerchandiseInformation .CheckoutMerchandiseInformation-content .CheckoutMerchandiseList .CheckoutMerchandiseListUlLittle {
    max-height: 488px;
    overflow-y: hidden;
    overflow-x: hidden
}

#CheckoutMerchandiseInformation .CheckoutMerchandiseInformation-content .CheckoutMerchandiseList .CheckoutMerchandiseListUlLittle li {
    height: 90px
}

#CheckoutMerchandiseInformation .CheckoutMerchandiseInformation-content .CheckoutMerchandiseList .CheckoutMerchandiseListUlLittle li img {
    float: left;
    width: 90px;
    height: 90px
}

#CheckoutMerchandiseInformation .CheckoutMerchandiseInformation-content .CheckoutMerchandiseList .CheckoutMerchandiseListUlLittle li p {
    float: left;
    margin-left: 10px;
    padding-top: 10px;
    height: 90px
}

#CheckoutMerchandiseInformation .CheckoutMerchandiseInformation-content .CheckoutMerchandiseList .CheckoutMerchandiseListUlLittle li p em:first-child {
    display: block;
    width: 180px;
    font-family: SourceHanSansCN-Normal;
    font-size: 12px;
    color: #000;
    line-height: 16px
}

#CheckoutMerchandiseInformation .CheckoutMerchandiseInformation-content .CheckoutMerchandiseList .CheckoutMerchandiseListUlLittle li p em:nth-child(2) {
    display: block;
    font-family: SourceHanSansCN-Light;
    font-size: 12px;
    color: #474747;
    margin-top: 10px
}

#CheckoutMerchandiseInformation .CheckoutMerchandiseInformation-content .CheckoutMerchandiseList .CheckoutMerchandiseCloseBtn {
    font-size: 12px;
    color: #666;
    cursor: pointer;
    margin-top: 10px;
    display: inline-block;
    line-height: 16px;
    border: 1px solid #ddd;
    padding: 2px 15px;
    margin-left: 124px
}

.popupComponent .popupComponentAddUserShippingAddress {
    width: 800px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    overflow: hidden;
    background: #fff
}

.popupComponent .popupComponentAddUserShippingAddress-header {
    height: 58px;
    line-height: 58px;
    background-color: #000;
    position: relative;
    color: #fff;
    text-align: center;
    font-size: 18px
}

.popupComponent .popupComponentAddUserShippingAddress-close {
    height: 19px;
    width: 19px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer
}

.popupComponent .popupComponentAddUserShippingAddress-body {
    padding: 30px 50px;
    background: #fff
}

.popupComponent .popupComponentAddUserShippingAddress-body-li {
    height: 30px;
    text-align: right
}

.popupComponent .popupComponentAddUserShippingAddress-body-li-hd {
    float: left;
    width: 80px;
    height: 30px;
    line-height: 30px;
    color: #575757;
    font-size: 14px
}

.popupComponent .popupComponentAddUserShippingAddress-body-li-hd>em {
    color: #d1152a
}

.popupComponent .popupComponentAddUserShippingAddress-body-li-by {
    display: block;
    margin-left: 100px;
    height: 30px;
    line-height: 30px
}

.popupComponent .popupComponentAddUserShippingAddress-body-li-by .module-text {
    border: 1px solid #ccc;
    float: left
}

.popupComponent .popupComponentAddUserShippingAddress-body-li-by .module-text:focus {
    border: 1px solid #000
}

.popupComponent .popupComponentAddUserShippingAddress-body-li-by .module-select {
    border: 1px solid #ccc;
    float: left;
    margin-right: 20px;
    border-radius: 0;
    position: relative;
    color: #999
}

.popupComponent .popupComponentAddUserShippingAddress-body-li-by .module-select:focus {
    border: 1px solid #000
}

.popupComponent .popupComponentAddUserShippingAddress-body-li-by .sprite-module-select-icon {
    background-position: 150px 12px;
    background-repeat: no-repeat
}

.popupComponent .popupComponentAddUserShippingAddress-body-li-by-split {
    height: 30px;
    line-height: 30px;
    float: left;
    margin: 0 20px
}

.popupComponent .popupComponentAddUserShippingAddress-body-li-byh {
    float: left;
    height: 30px;
    line-height: 30px;
    color: #575757;
    font-size: 14px
}

.popupComponent .popupComponentAddUserShippingAddress-body-li-byb {
    display: block;
    height: 30px;
    line-height: 30px;
    float: left;
    margin-left: 20px
}

.popupComponent .popupComponentAddUserShippingAddress-body-li-default {
    height: 30px;
    line-height: 30px;
    padding-left: 100px
}

.popupComponent .popupComponentAddUserShippingAddress-body-li-submit {
    height: 30px;
    line-height: 30px;
    padding-left: 100px;
    margin: 20px 0 10px
}

.popupComponent .popupComponentAddUserShippingAddress-body-li-submit .popupComponentAddUserShippingAddress-body-li-submit-save {
    width: 140px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    margin-right: 20px;
    background-color: #000;
    color: #fff
}

.popupComponent .popupComponentAddUserShippingAddress-body-li-submit .popupComponentAddUserShippingAddress-body-li-submit-cancel {
    width: 140px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    background-color: #ddd;
    color: #000
}

.popupComponent .popupComponentAddUserShippingAddress-errorMessage {
    padding-left: 120px;
    height: 14px;
    margin: 8px 0;
    color: #e00;
    line-height: 13px;
    visibility: hidden;
    background-repeat: no-repeat;
    background-position-x: 100px
}

.popupComponent .popupComponentPopupUserShippingAddress {
    width: 800px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    overflow: hidden;
    background: #fff
}

.popupComponent .popupComponentPopupUserShippingAddress .module-userShippingAddress-li {
    border: 1px solid transparent;
    border-bottom: 1px solid transparent
}

.popupComponent .popupComponentPopupUserShippingAddress .active {
    border: 2px solid #e00
}

.popupComponent .popupComponentPopupUserShippingAddress .module-userShippingAddress {
    padding: 30px 30px 0;
    max-height: 320px;
    overflow-y: auto
}

.popupComponent .popupComponentPopupUserShippingAddress .module-userShippingAddress .module-userShippingAddress-ul .module-userShippingAddress-li {
    padding: 12px 0
}

.popupComponent .popupComponentPopupUserShippingAddress .module-userShippingAddress .module-userShippingAddress-ul .module-userShippingAddress-li .module-userShippingAddress-li-name {
    max-width: 75px
}

.popupComponent .popupComponentPopupUserShippingAddress .module-userShippingAddress .module-userShippingAddress-ul .module-userShippingAddress-li .module-userShippingAddress-li-address {
    max-width: 190px
}

.popupComponent .popupComponentPopupUserShippingAddress .popupComponentPopupUserShippingAddress-header {
    height: 58px;
    line-height: 58px;
    background-color: #000;
    position: relative;
    color: #fff;
    text-align: center;
    font-size: 18px
}

.popupComponent .popupComponentPopupUserShippingAddress .popupComponentPopupUserShippingAddress-header .popupComponentPopupUserShippingAddress-close {
    height: 19px;
    width: 19px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer
}

.popupComponent .popupComponentPopupUserShippingAddress .create {
    display: none
}

.popupComponent .popupComponentPopupUserShippingAddress .add-new-address {
    color: #e00;
    height: 55px;
    background: #fafafa;
    margin: 10px 30px 30px
}

.popupComponent .popupComponentPopupUserShippingAddress .add-new-address span {
    float: left;
    height: 55px;
    line-height: 55px;
    font-size: 14px;
    cursor: pointer
}

.popupComponent .popupComponentPopupUserShippingAddress .add-new-address .add-icon {
    margin: 0 10px 0 20px;
    font-size: 18px
}

.popupComponent .popupComponentPopupArrivalNotice {
    width: 460px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    overflow: hidden;
    background: #fff
}

.popupComponent .popupComponentPopupArrivalNotice-header {
    height: 58px;
    line-height: 58px;
    background-color: #000;
    position: relative;
    color: #fff;
    text-align: center;
    font-size: 18px
}

.popupComponent .popupComponentPopupArrivalNotice-close {
    height: 19px;
    width: 19px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer
}

.popupComponent .popupComponentPopupArrivalNotice-body {
    padding: 30px 0;
    background: #fff
}

.popupComponent .popupComponentPopupArrivalNotice-body.stepF .popupComponentPopupArrivalNotice-body-message {
    text-align: center;
    margin-bottom: 30px;
    color: #474747
}

.popupComponent .popupComponentPopupArrivalNotice-body.stepF .popupComponentPopupArrivalNotice-body-label {
    width: 350px;
    height: 30px
}

.popupComponent .popupComponentPopupArrivalNotice-body.stepF .popupComponentPopupArrivalNotice-body-label>span {
    font-size: 12px;
    float: left;
    width: 60px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 30px;
    line-height: 30px
}

.popupComponent .popupComponentPopupArrivalNotice-body.stepF .popupComponentPopupArrivalNotice-body-label>input {
    margin-left: 15px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box
}

.popupComponent .popupComponentPopupArrivalNotice-body.stepF .popupComponentPopupArrivalNotice-body-label>input:focus {
    border-bottom: 1px solid #000
}

.popupComponent .popupComponentPopupArrivalNotice-body.stepF .popupComponentPopupArrivalNotice-body-error {
    padding-left: 120px;
    height: 30px;
    color: #e00;
    line-height: 30px;
    visibility: hidden
}

.popupComponent .popupComponentPopupArrivalNotice-body.stepF .popupComponentPopupArrivalNotice-body-error>i {
    width: 13px;
    height: 13px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position-x: 100px;
    background-position-y: 4px
}

.popupComponent .popupComponentPopupArrivalNotice-body.stepF .popupComponentPopupArrivalNotice-control {
    padding-left: 160px
}

.popupComponent .popupComponentPopupArrivalNotice-body.stepF .popupComponentPopupArrivalNotice-control .popupComponentPopupArrivalNotice-control-save {
    width: 140px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    background-color: #030303;
    font-size: 14px;
    color: #fff
}

.popupComponent .popupComponentPopupArrivalNotice-body.stepS .popupComponentPopupArrivalNotice-body-icon {
    width: 58px;
    height: 58px;
    display: block;
    margin: 30px auto;
    background-repeat: no-repeat;
    background-position: 50%
}

.popupComponent .popupComponentPopupArrivalNotice-body.stepS .popupComponentPopupArrivalNotice-body-title {
    line-height: 18px;
    font-size: 18px;
    text-align: center;
    margin-bottom: 10px
}

.popupComponent .popupComponentPopupArrivalNotice-body.stepS .popupComponentPopupArrivalNotice-body-word {
    width: 260px;
    height: 48px;
    line-height: 24px;
    font-size: 14px;
    color: #474747;
    text-align: center;
    margin: 0 auto
}

.economize-details {
    width: 185px;
    height: 97px;
    top: -104px;
    left: -14px;
    position: absolute;
    background-color: #fff;
    box-shadow: 0 1px 10px 0 rgba(0,0,0,.2)
}

.economize-details .economize-details-icon {
    width: 20px;
    height: 20px;
    left: 14px;
    top: 97px;
    display: block;
    position: relative;
    background-repeat: no-repeat
}

.economize-details .economize-details-content-item-first {
    text-align: center;
    padding-top: 0
}

.economize-details .economize-details-content-item-first .economize-details-content-first-li-one {
    float: left;
    margin-left: 38px
}

.economize-details .economize-details-content-item-first .economize-details-content-first-li-two {
    text-align: right;
    margin-right: 25px
}

.economize-details .economize-details-content-item-second {
    padding-top: 14px;
    text-align: center
}

.economize-details .economize-details-content-item-second .economize-details-content-second-li-one {
    float: left;
    margin-left: 27px
}

.economize-details .economize-details-content-item-second .economize-details-content-second-li-two {
    text-align: right;
    margin-right: 25px
}

#site {
    width: inherit
}

#main {
    width: 1190px;
    position: relative;
    z-index: 0
}

.ModulesError {
    display: none;
    text-align: center;
    color: red;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    border: 1px solid red;
    margin: 10px 0
}

#Top {
    min-width: 1190px;
    position: relative;
    z-index: 1000
}

#Top,#Top .top-logged-in,.top-logged-out {
    height: 30px;
    background-color: #000
}

#Top .top-logged-in .top-content,.top-logged-out .top-content {
    width: 1190px;
    margin: 0 auto;
    height: 30px;
    line-height: 30px
}

#Top .top-logged-in .top-content .top-content-left,.top-logged-out .top-content .top-content-left {
    width: 420px;
    float: left
}

#Top .top-logged-in .top-content .top-content-left .top-content-left-points,.top-logged-out .top-content .top-content-left .top-content-left-points {
    margin-right: 18px
}

#Top .top-logged-in .top-content .top-content-left .top-content-left-card,.top-logged-out .top-content .top-content-left .top-content-left-card {
    display: inline-block;
    width: 22px;
    height: 16px;
    vertical-align: middle;
    margin-right: 12px
}

#Top .top-logged-in .top-content .top-content-left .top-content-left-card.pink,.top-logged-out .top-content .top-content-left .top-content-left-card.pink {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/card-pink.png) no-repeat
}

#Top .top-logged-in .top-content .top-content-left .top-content-left-card.gold,.top-logged-out .top-content .top-content-left .top-content-left-card.gold {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/card-gold.png) no-repeat
}

#Top .top-logged-in .top-content .top-content-left .top-content-left-card.white,.top-logged-out .top-content .top-content-left .top-content-left-card.white {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/card-white.png) no-repeat
}

#Top .top-logged-in .top-content .top-content-left .top-content-left-card.black,.top-logged-out .top-content .top-content-left .top-content-left-card.black {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/card-black.png) no-repeat
}

#Top .top-logged-in i.top-content-left-saperation,.top-logged-out i.top-content-left-saperation {
    display: inline-block;
    height: 16px;
    border-left: 1px solid #ccc;
    vertical-align: sub
}

#Top .top-logged-in .top-content .top-content-left.top-logged-out a,.top-logged-out .top-content .top-content-left.top-logged-out a {
    margin: 0 12px
}

#Top .top-logged-in .top-content .top-content-left a,.top-logged-out .top-content .top-content-left a {
    color: #fff;
    margin: 0 12px;
    cursor: pointer
}

#Top .top-logged-in .top-content .top-content-left a .top-content-left-nickname,.top-logged-out .top-content .top-content-left a .top-content-left-nickname {
    max-width: 60px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 5px
}

#Top .top-logged-in .top-content .top-content-left a:hover,.top-logged-out .top-content .top-content-left a:hover {
    color: #e00
}

#Top .top-logged-in .top-content .top-content-left a.sephora-logo,.top-logged-out .top-content .top-content-left a.sephora-logo {
    cursor: text;
    margin-right: 22px
}

#Top .top-logged-in .top-content .top-content-left a.sephora-logo:hover,.top-logged-out .top-content .top-content-left a.sephora-logo:hover {
    color: #fff
}

#Top .top-logged-in .top-content .top-content-left p,.top-logged-out .top-content .top-content-left p {
    color: #fff;
    margin: 0 5px 0 12px;
    display: inline-block
}

#Top .top-logged-in .top-content .top-content-left p:first-of-type,.top-logged-out .top-content .top-content-left p:first-of-type {
    cursor: pointer
}

#Top .top-logged-in .top-content .top-content-right,.top-logged-out .top-content .top-content-right {
    position: relative;
    float: right
}

#Top .top-logged-in .top-content .top-content-right>a,#Top .top-logged-in .top-content .top-content-right>span,.top-logged-out .top-content .top-content-right>a,.top-logged-out .top-content .top-content-right>span {
    margin-left: 22px;
    position: relative;
    height: 30px;
    line-height: 30px;
    display: inline-block
}

#Top .top-logged-in .top-content .top-content-right>a .top-content-right-content,#Top .top-logged-in .top-content .top-content-right>span .top-content-right-content,.top-logged-out .top-content .top-content-right>a .top-content-right-content,.top-logged-out .top-content .top-content-right>span .top-content-right-content {
    color: #fff
}

#Top .top-logged-in .top-content .top-content-right>a .top-content-right-content:hover,#Top .top-logged-in .top-content .top-content-right>span .top-content-right-content:hover,.top-logged-out .top-content .top-content-right>a .top-content-right-content:hover,.top-logged-out .top-content .top-content-right>span .top-content-right-content:hover {
    color: #e00
}

#Top .top-logged-in .top-content .top-content-right>a .top-icon,#Top .top-logged-in .top-content .top-content-right>span .top-icon,.top-logged-out .top-content .top-content-right>a .top-icon,.top-logged-out .top-content .top-content-right>span .top-icon {
    width: 9px;
    height: 4px;
    display: inline-block;
    margin-left: 5px;
    background-position: -3px -16px;
    margin-bottom: 3px
}

#Top .top-logged-in .top-content .top-content-right>a:hover,#Top .top-logged-in .top-content .top-content-right>span:hover,.top-logged-out .top-content .top-content-right>a:hover,.top-logged-out .top-content .top-content-right>span:hover {
    color: #e00
}

#Top .top-logged-in .top-content .top-content-right>a:hover .top-icon,#Top .top-logged-in .top-content .top-content-right>span:hover .top-icon,.top-logged-out .top-content .top-content-right>a:hover .top-icon,.top-logged-out .top-content .top-content-right>span:hover .top-icon {
    background-position: -3px -12px
}

#Top .top-logged-in .top-content .top-content-right>a:hover .top-content-right-hover,#Top .top-logged-in .top-content .top-content-right>span:hover .top-content-right-hover,.top-logged-out .top-content .top-content-right>a:hover .top-content-right-hover,.top-logged-out .top-content .top-content-right>span:hover .top-content-right-hover {
    display: inline-block
}

#Top .top-logged-in .top-content .top-content-right>a .my-sephora,#Top .top-logged-in .top-content .top-content-right>span .my-sephora,.top-logged-out .top-content .top-content-right>a .my-sephora,.top-logged-out .top-content .top-content-right>span .my-sephora {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 6px;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/my-sephora.png);
    background-size: 100% 100%;
    vertical-align: middle;
    margin-top: -2px
}

#Top .top-logged-in .top-content .top-content-right>a .vip-club,#Top .top-logged-in .top-content .top-content-right>span .vip-club,.top-logged-out .top-content .top-content-right>a .vip-club,.top-logged-out .top-content .top-content-right>span .vip-club {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 6px;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/vip-club.png);
    background-size: 100% 100%;
    vertical-align: middle;
    margin-top: -2px
}

#Top .top-logged-in .top-content .top-content-right>a .mobile-sephora,#Top .top-logged-in .top-content .top-content-right>span .mobile-sephora,.top-logged-out .top-content .top-content-right>a .mobile-sephora,.top-logged-out .top-content .top-content-right>span .mobile-sephora {
    display: inline-block;
    width: 7px;
    height: 12px;
    margin-right: 6px;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/mobile-sephora.png);
    background-size: 100% 100%;
    vertical-align: middle;
    margin-top: -2px
}

#Top .top-logged-in .top-content .top-content-right>a .shop-center,#Top .top-logged-in .top-content .top-content-right>span .shop-center,.top-logged-out .top-content .top-content-right>a .shop-center,.top-logged-out .top-content .top-content-right>span .shop-center {
    display: inline-block;
    width: 15px;
    height: 12px;
    margin-right: 6px;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/shop-center.png);
    background-size: 100% 100%;
    vertical-align: middle;
    margin-top: -2px
}

#Top .top-logged-in .top-content-right-hover,.top-logged-out .top-content-right-hover {
    background-repeat: no-repeat;
    display: none;
    position: absolute;
    top: 24px;
    left: 40px;
    padding-top: 7px;
    border-bottom: 1px solid #c8c8c8
}

#Top .top-logged-in .top-content-right-hover li,.top-logged-out .top-content-right-hover li {
    display: block;
    width: 88px;
    height: 30px;
    border-left: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
    background-color: #fff
}

#Top .top-logged-in .top-content-right-hover li a,.top-logged-out .top-content-right-hover li a {
    margin: 0;
    text-align: center;
    display: block;
    color: #000
}

#Top .top-logged-in .top-content-right-hover li:hover,.top-logged-out .top-content-right-hover li:hover {
    background-color: #eee
}

#Top .top-logged-in .top-content-right-hover li:hover a,.top-logged-out .top-content-right-hover li:hover a {
    color: #e00
}

.sepPopUpPinkCard .bg {
    position: fixed;
    opacity: .7;
    filter: alpha(opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    background-color: #000
}

.sepPopUpPinkCard .center {
    position: fixed;
    width: 340px;
    height: 460px;
    top: 50%;
    left: 50%;
    margin-left: -180px;
    margin-top: -220px;
    z-index: 10001
}

.sepPopUpPinkCard .center .closeButton {
    z-index: 10002;
    position: absolute;
    margin-left: 286px;
    float: right;
    background-position: -198px -301px;
    width: 54px;
    height: 54px
}

.sepPopUpPinkCard .center .closeButton:hover {
    cursor: pointer;
    background-position: -252px -301px
}

.sepPopUpPinkCard .center .cardPicture {
    z-index: 10001;
    margin-top: 34px;
    position: absolute;
    float: left;
    width: 325px;
    height: 301px;
    background-position: 0 0
}

.sepPopUpPinkCard .center .goShopping,.sepPopUpPinkCard .center .lookDetail {
    cursor: pointer;
    position: absolute;
    z-index: 10002;
    width: 198px;
    height: 49px;
    text-align: center;
    line-height: 49px;
    color: #fff;
    font-size: 18px;
    margin-top: 400px;
    margin-left: 71px
}

.sepPopUpPinkCard .center .goShopping {
    margin-top: 351px;
    background-position: 0 -301px
}

.sepPopUpPinkCard .center .lookDetail:hover {
    text-decoration: underline
}

#Search {
    min-width: 1190px;
    position: relative;
    z-index: 100
}

#Search .search-info {
    width: 100%;
    background-color: #fff
}

#Search .search-info .search-info-content {
    width: 1190px;
    margin: 0 auto;
    padding: 24px 0 0;
    position: relative
}

#Search .search-info-content-logo {
    width: 320px;
    height: 36px
}

#Search .search-info-content-logo a {
    margin: 2px 0;
    height: 32px;
    float: left
}

#Search .search-info-content-logo a img {
    width: 100%;
    height: 100%
}

#Search .search-info-content-searchWrap {
    height: 60px;
    position: relative;
    z-index: 1
}

#Search .search-info-content-searchWrap .search-info-content-searchBox {
    width: 530px;
    height: 40px;
    border-radius: 50px;
    overflow: hidden
}

#Search .search-info-content-searchWrap .search-info-content-searchBox input {
    width: 470px;
    height: 40px;
    text-indent: 22px;
    background-color: #eee;
    box-shadow: inset 0 3px 3px #ddd;
    font-size: 12px
}

#Search .search-info-content-searchWrap .search-info-content-searchBox .search-info-content-button {
    width: 60px;
    height: 40px;
    background-color: #000;
    float: left;
    cursor: pointer
}

#Search .search-info-content-searchWrap .search-info-content-searchBox .search-info-content-button em {
    width: 30px;
    height: 30px;
    background-position: 0 0;
    display: block;
    margin: 5px 0 5px 10px
}

#Search .search-info-content-searchWrap .search-info-content-inputBox {
    position: relative;
    z-index: 10
}

#Search .search-info-content-searchWrap .search-info-content-hotWord {
    padding: 3px 0 0;
    position: relative;
    z-index: 1;
    margin-left: -5px
}

#Search .search-info-content-searchWrap .search-info-content-hotWord a {
    display: inline-block;
    padding: 0 4px;
    font-size: 12px;
    color: #acacac
}

#Search .search-info-content-searchWrap .search-info-content-hotWord a.last {
    border-right-color: #fff
}

#Search .search-info-content-searchWrap .search-info-content-hotWord a:hover {
    color: #e00
}

#Search .search-info-content-miniCart-wrap {
    width: 209px;
    height: 36px;
    cursor: pointer;
    position: relative;
    z-index: 10
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-main {
    width: 188px;
    height: 34px;
    border: 1px solid #ddd;
    float: right;
    background-color: #fff;
    line-height: 34px;
    font-size: 16px;
    color: #666;
    text-align: center
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-main .search-info-content-miniCart-main-a:focus,#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-main .search-info-content-miniCart-main-a:hover {
    color: #000
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-main em {
    width: 18px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: 10px
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-main span {
    color: #666;
    display: inline-block;
    vertical-align: middle
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-main span.shopping-num {
    color: #d1152a;
    padding-left: 5px;
    padding-right: 5px
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-list {
    float: right;
    width: 412px;
    background-color: #fff;
    background-repeat: no-repeat;
    margin-right: 0;
    border-right: 1px solid #ddd;
    display: none;
    overflow: hidden
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-list .checkoutNotLogin-info-content {
    padding-top: 20px;
    display: none;
    height: 123px;
    position: relative;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-list .checkoutNotLogin-info-content .notLogin>em {
    width: 64px;
    height: 85px;
    left: 35px;
    top: 11px;
    position: relative;
    display: inline-block;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/package.png) no-repeat
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-list .checkoutNotLogin-info-content .notLogin>span {
    font-size: 14px;
    color: #858585;
    position: relative;
    top: -41px;
    margin-left: 52px;
    width: 258px;
    display: inline-block
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-list .checkoutNotLogin-info-content .notLogin>a {
    width: 50px;
    height: 22px;
    background: #e00;
    position: relative;
    text-align: center;
    display: inline-block;
    left: 116px;
    top: -22px
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-list .checkoutNotLogin-info-content .notLogin>a>div {
    position: relative;
    top: 2px;
    font-size: 14px;
    color: #fff
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-list .checkoutNotLogin-info-content.active {
    display: block
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-list .checkoutNotGoods-info-content {
    padding-top: 20px;
    display: none;
    height: 123px;
    position: relative;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-list .checkoutNotGoods-info-content .notGoods>em {
    width: 64px;
    height: 85px;
    left: 35px;
    top: 11px;
    position: relative;
    display: inline-block;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/package.png) no-repeat
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-list .checkoutNotGoods-info-content .notGoods>span {
    font-size: 14px;
    color: #858585;
    position: relative;
    top: -27px;
    left: 55px;
    display: inline-block
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-list .checkoutNotGoods-info-content.active {
    display: block
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-list .search-info-content-miniCart-hidden {
    padding-top: 20px;
    display: none
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-list .search-info-content-miniCart-hidden h3 {
    border-left: 1px solid #c8c8c8;
    padding-left: 20px;
    background-color: #fff;
    height: 24px;
    border-bottom: 1px solid #c8c8c8;
    font-size: 12px;
    color: #aeaeae
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-list .search-info-content-miniCart-hidden.active {
    display: block
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-list .search-info-content-miniCart-itemWrap {
    background-color: #fff;
    border-left: 1px solid #c8c8c8;
    min-height: 20px;
    max-height: 363px;
    overflow-y: scroll
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-list .search-info-content-miniCart-itemWrap .search-info-content-miniCart-item-titile {
    margin: 10px 5px 10px 20px
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-list .search-info-content-miniCart-itemWrap .search-info-content-miniCart-item-titile>span {
    font-size: 14px;
    color: #666;
    letter-spacing: 0;
    line-height: 14px
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-list .search-info-content-miniCart-itemWrap .search-info-content-miniCart-item-titile>em {
    width: 7.1px;
    height: 7.1px;
    display: inline-block;
    margin-left: 5px;
    margin-bottom: 2px;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/triangle_kiti.jpg) no-repeat
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-list .search-info-content-miniCart-itemWrap .search-info-content-miniCart-item-split-line {
    width: 372px;
    height: 1px;
    background: #ddd;
    display: none
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-list .search-info-content-miniCart-itemWrap .search-info-content-miniCart-item {
    background-color: #fff;
    height: 70px;
    margin-bottom: 21px
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-list .search-info-content-miniCart-itemWrap .search-info-content-miniCart-item:hover {
    background-color: #f5f5f5
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-list .search-info-content-miniCart-itemWrap .search-info-content-miniCart-item.status {
    background: #f5f5f5
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-list .search-info-content-miniCart-itemWrap .search-info-content-miniCart-item-main {
    width: 362px;
    height: 50px;
    margin-left: 20px;
    padding: 10px 0
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-list .search-info-content-miniCart-itemWrap .search-info-content-miniCart-item-main .search-info-content-miniCart-item-img {
    width: 48px;
    height: 48px;
    display: inline-block;
    float: left;
    margin-right: 10px
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-list .search-info-content-miniCart-itemWrap .search-info-content-miniCart-item-main .search-info-content-miniCart-item-img a .search-info-content-miniCart-item-img-status {
    width: 48px;
    height: 20px;
    background: rgba(0,0,0,.5);
    position: relative;
    top: -20px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    display: none
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-list .search-info-content-miniCart-itemWrap .search-info-content-miniCart-item-main .search-info-content-miniCart-item-img a img {
    width: 100%;
    height: 100%
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-list .search-info-content-miniCart-itemWrap .search-info-content-miniCart-item-main .search-info-content-miniCart-item-info {
    height: 50px;
    display: block
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-list .search-info-content-miniCart-itemWrap .search-info-content-miniCart-item-main .search-info-content-miniCart-item-info-l {
    float: left
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-list .search-info-content-miniCart-itemWrap .search-info-content-miniCart-item-main .search-info-content-miniCart-item-info-l .search-info-content-miniCart-item-title {
    max-width: 200px;
    height: 30px;
    overflow: hidden;
    line-height: 18px;
    padding: 2px 0
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-list .search-info-content-miniCart-itemWrap .search-info-content-miniCart-item-main .search-info-content-miniCart-item-info-l .search-info-content-miniCart-item-title>a:hover {
    color: #d1152a
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-list .search-info-content-miniCart-itemWrap .search-info-content-miniCart-item-main .search-info-content-miniCart-item-info-l .search-info-content-miniCart-item-title-nohover {
    max-width: 200px;
    height: 30px;
    overflow: hidden;
    line-height: 18px;
    padding: 2px 0;
    color: #000
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-list .search-info-content-miniCart-itemWrap .search-info-content-miniCart-item-main .search-info-content-miniCart-item-info-l .search-info-content-miniCart-item-title-nohover>a:hover {
    color: #000
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-list .search-info-content-miniCart-itemWrap .search-info-content-miniCart-item-main .search-info-content-miniCart-item-info-r {
    float: right;
    height: 50px;
    text-align: right;
    margin-right: 10px
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-list .search-info-content-miniCart-itemWrap .search-info-content-miniCart-item-main .search-info-content-miniCart-item-info-r .search-info-content-miniCart-item-price {
    color: #d1152a;
    display: inline-block
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-list .search-info-content-miniCart-itemWrap .search-info-content-miniCart-item-main .search-info-content-miniCart-item-info-r .search-info-content-miniCart-item-price.nohover {
    color: #999
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-list .search-info-content-miniCart-itemWrap .search-info-content-miniCart-item-main .search-info-content-miniCart-item-info-r .search-info-content-miniCart-item-count {
    color: #494949;
    display: inline-block
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-list .search-info-content-miniCart-itemWrap .search-info-content-miniCart-item-main .search-info-content-miniCart-item-info-r .search-info-content-miniCart-item-delete {
    color: #9c9c9c;
    display: block;
    margin-top: 19px
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-list .search-info-content-miniCart-itemWrap .search-info-content-miniCart-item-main .search-info-content-miniCart-item-info-r .search-info-content-miniCart-item-delete:hover {
    color: #d1152a
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-list .search-info-content-miniCart-total {
    height: 28px;
    background-color: #f7f7f7;
    line-height: 28px;
    padding: 8px 0;
    border-left: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-list .search-info-content-miniCart-total .search-info-content-miniCart-total-span-first,#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-list .search-info-content-miniCart-total .search-info-content-miniCart-total-span-second {
    font-size: 14px;
    margin-left: 20px
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-list .search-info-content-miniCart-total span em {
    margin: 0 2px;
    color: #d1152a
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-list .search-info-content-miniCart-toCart {
    width: 65px;
    text-align: center;
    background-color: #000;
    color: #fff;
    height: 28px;
    line-height: 28px;
    float: right;
    margin-right: 16px;
    cursor: pointer
}

#Search .search-info-content-miniCart-wrap .search-info-content-miniCart-list .search-info-content-miniCart-toCart:hover {
    background-color: #d1152a
}

#Search .search-info-content-miniCart-wrap.hover .search-info-content-miniCart-main {
    height: 38px;
    width: 188px;
    background-repeat: no-repeat;
    background-color: inherit;
    border-bottom: none;
    border-radius: 0
}

#Search .search-info-content-miniCart-wrap.hover .search-info-content-miniCart-list {
    display: block
}

#Search .search-info-content-shopping {
    position: absolute;
    right: 0;
    bottom: -33px
}

#Search .search-info-content-shopping img {
    width: 153px;
    height: 40px
}

#Navigation {
    min-width: 1190px;
    position: relative;
    z-index: 10
}

#Navigation .navigation-info {
    width: 100%;
    background-color: #fff
}

#Navigation .navigation-info .navigation-info-content {
    width: 1190px;
    margin: 0 auto;
    position: relative;
    height: 36px
}

#Navigation .navigation-info-content-menu {
    float: left;
    width: 240px;
    height: 36px;
    line-height: 36px;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/classified.png);
    background-size: 100% 100%
}

#Navigation .navigation-info-content-menu .navigation-info-content-link {
    color: #fff;
    margin-left: 15px;
    font-size: 16px
}

#Navigation .navigation-info-content-menu .activity-icon {
    position: absolute
}

#Navigation .navigation-info-content-menu-list {
    width: 240px;
    height: auto;
    float: left;
    background: #fff;
    position: relative
}

#Navigation .navigation-info-content-menu-list .heart-left,#Navigation .navigation-info-content-menu-list .heart-right {
    background-repeat: no-repeat;
    width: 55px;
    height: 55px
}

#Navigation .navigation-info-content-menu-list .heart-left {
    top: 30px;
    left: -37px;
    background-position: 0 5px;
    background-size: 100%
}

#Navigation .navigation-info-content-menu-list .heart-right {
    top: 315px;
    left: 197px;
    background-position: -29px -100px;
    z-index: 1000;
    background-size: 200%
}

#Navigation .navigation-info-content-menu-list .navigation-info-content-menu-Col {
    min-height: 320px;
    height: 550px;
    box-shadow: 0 0 10px rgba(0,0,0,.1)
}

#Navigation .navigation-info-content-menu-list .navigation-info-content-menu-Col>li {
    padding: 8px 0 8px 15px;
    display: block;
    background-color: #fff;
    line-height: 20px;
    border-bottom: 1px solid #f5f5f5;
    position: relative
}

#Navigation .navigation-info-content-menu-list .navigation-info-content-menu-Col>li:last-child {
    border-bottom: 1px solid #fff;
    margin-top: 1px
}

#Navigation .navigation-info-content-menu-list .navigation-info-content-menu-Col>li.active {
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    z-index: 100
}

#Navigation .navigation-info-content-menu-list .navigation-info-content-menu-Col>li.active span {
    position: absolute;
    top: 0;
    right: -5px;
    background: #fff;
    z-index: 99;
    display: none;
    width: 10px;
    height: 61px
}

#Navigation .navigation-info-content-menu-list .navigation-info-content-menu-Col>li.active span.active-style {
    display: block
}

#Navigation .navigation-info-content-menu-list .navigation-info-content-menu-Col>li.first {
    padding-top: 7px
}

#Navigation .navigation-info-content-menu-list .navigation-info-content-menu-Col>li.last {
    padding-bottom: 7px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px
}

#Navigation .navigation-info-content-menu-list .navigation-info-content-menu-Col>li.noRadius {
    border-bottom-right-radius: 0
}

#Navigation .navigation-info-content-menu-list .navigation-info-content-menu-Col>li:hover {
    background-color: #fff
}

#Navigation .navigation-info-content-menu-list .navigation-info-content-menu-Col li>a {
    color: #000;
    line-height: 22px;
    font-size: 14px;
    margin-right: 10px;
    display: block
}

#Navigation .navigation-info-content-menu-list .navigation-info-content-menu-Col li>a.title {
    font-weight: 700
}

#Navigation .navigation-info-content-menu-list .navigation-info-content-menu-Col li ul.initial {
    display: initial
}

#Navigation .navigation-info-content-menu-list .navigation-info-content-menu-Col li ul li {
    display: inline-block;
    margin-right: 10px;
    position: relative
}

#Navigation .navigation-info-content-menu-list .navigation-info-content-menu-Col li ul li a {
    font-size: 12px;
    color: #8a8a8a;
    margin-right: 0
}

#Navigation .navigation-info-content-menu-list .navigation-info-content-menu-Col li ul li a:hover {
    color: #e00
}

#Navigation .navigation-info-content-menu-list .navigation-info-content-menu-Col li ul li.last {
    margin-right: 0
}

#Navigation .navigation-info-content-menu.inPage .navigation-info-content-menu-list {
    display: none
}

#Navigation .navigation-info-content-menu.inPage:hover .navigation-info-content-menu-list {
    display: block
}

#Navigation .navigation-info-content-hover {
    width: 950px;
    background: #fff;
    margin-left: 240px;
    height: 550px;
    box-shadow: 0 0 5px rgba(0,0,0,.2);
    padding: 32px 40px 40px 30px;
    box-sizing: border-box;
    display: none;
    position: relative
}

#Navigation .navigation-info-content-hover.active {
    display: block
}

#Navigation .navigation-info-content-hover .navigation-info-content-hover-info {
    float: left;
    width: 600px
}

#Navigation .navigation-info-content-hover .navigation-info-content-hover-info .navigation-info-content-hover-info-title {
    display: block;
    margin-bottom: 20px;
    height: 39px;
    padding-bottom: 17px;
    overflow: hidden;
    border-bottom: 1px solid #eee
}

#Navigation .navigation-info-content-hover .navigation-info-content-hover-info .navigation-info-content-hover-info-title a {
    font-size: 18px;
    line-height: 39px;
    font-weight: 400
}

#Navigation .navigation-info-content-hover .navigation-info-content-hover-info .navigation-info-content-hover-info-title a:hover {
    cursor: text;
    color: #000
}

#Navigation .navigation-info-content-hover .navigation-info-content-hover-info .navigation-info-content-hover-info-category {
    height: 350px;
    width: 600px;
    float: left;
    overflow: hidden
}

#Navigation .navigation-info-content-hover .navigation-info-content-hover-info .navigation-info-content-hover-info-category>ul {
    width: 160px;
    margin-right: 40px;
    min-height: 200px;
    display: block;
    float: left
}

#Navigation .navigation-info-content-hover .navigation-info-content-hover-info .navigation-info-content-hover-info-category>ul.last {
    margin-right: 0
}

#Navigation .navigation-info-content-hover .navigation-info-content-hover-info .navigation-info-content-hover-info-category>ul li {
    margin-bottom: 18px;
    float: left
}

#Navigation .navigation-info-content-hover .navigation-info-content-hover-info .navigation-info-content-hover-info-category .navigation-info-content-hover-info-category-title {
    color: #000;
    font-size: 14px;
    line-height: 18px;
    width: 140px;
    float: left
}

#Navigation .navigation-info-content-hover .navigation-info-content-hover-info .navigation-info-content-hover-info-category .navigation-info-content-hover-info-category-group {
    width: 160px;
    float: left
}

#Navigation .navigation-info-content-hover .navigation-info-content-hover-info .navigation-info-content-hover-info-category .navigation-info-content-hover-info-category-group a {
    margin-right: 12px;
    color: #8b8b8b;
    line-height: 22px;
    float: left
}

#Navigation .navigation-info-content-hover .navigation-info-content-hover-info .navigation-info-content-hover-info-category .navigation-info-content-hover-info-category-group a:hover {
    color: #e00
}

#Navigation .navigation-info-content-hover .navigation-info-content-hover-info .navigation-info-content-hover-info-logoAdPosition {
    padding: 0 0 50px;
    float: left
}

#Navigation .navigation-info-content-hover .navigation-info-content-hover-info .navigation-info-content-hover-info-logoAdPosition li {
    display: inline-block;
    width: 135px;
    height: 60px;
    margin-right: 9px
}

#Navigation .navigation-info-content-hover .navigation-info-content-hover-info .navigation-info-content-hover-info-logoAdPosition li a img {
    width: 100%;
    height: 100%
}

#Navigation .navigation-info-content-hover .navigation-info-content-hover-adPosition {
    float: right;
    width: 270px;
    height: 470px
}

#Navigation .navigation-info-content-hover .navigation-info-content-hover-adPosition li a img {
    width: 100%;
    height: 100%
}

#Navigation .navigation-info-content-hover .navigation-info-content-hover-adPosition.split li {
    width: 270px;
    height: 230px;
    margin-bottom: 10px
}

#Navigation .navigation-info-content-hover .navigation-info-content-hover-adPosition.split li.last {
    margin-bottom: 0
}

#Navigation .navigation-info-content-hover .navigation-info-content-hover-adPosition.split li a img {
    width: 100%;
    height: 100%
}

#Navigation .navigation-info-content-quick {
    min-width: 760px;
    float: left;
    height: 36px;
    line-height: 42px
}

#Navigation .navigation-info-content-quick .navigation-info-content-menu-Row {
    padding-left: 40px
}

#Navigation .navigation-info-content-quick .navigation-info-content-menu-Row>li {
    margin-right: 40px;
    display: inline-block;
    position: relative
}

#Navigation .navigation-info-content-quick .navigation-info-content-menu-Row>li.last {
    margin-right: 0
}

#Navigation .navigation-info-content-quick .navigation-info-content-menu-Row>li .navigation-info-content-menu-row-hover {
    display: none
}

#Navigation .navigation-info-content-quick .navigation-info-content-menu-Row>li:hover .navigation-info-content-menu-row-hover {
    display: block
}

#Navigation .navigation-info-content-quick .navigation-info-content-menu-Row>li>a {
    font-size: 16px
}

#Hero {
    min-width: 1190px;
    height: 400px;
    background-color: #f03359;
    position: relative;
    z-index: 1
}

#Hero .hero-info {
    width: 100%;
    height: 400px
}

#Hero .hero-info .hero-info-content {
    position: absolute;
    z-index: 10;
    height: 500px
}

#Hero .hero-info-carousel-background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition-delay: .16s
}

#Hero .hero-info-content-menu {
    width: 200px;
    height: 400px;
    float: left;
    background-color: hsla(0,0%,100%,.8);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 25px
}

#Hero .hero-info-carousel {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

#Hero .carousel-multiple-dots {
    left: 240px
}

#Hero .carousel-multiple-dots-list {
    width: 100px;
    height: 20px;
    border: 0;
    background-color: hsla(0,0%,100%,0);
    border-top: 3px solid hsla(0,0%,100%,.4);
    border-radius: 0;
    margin-right: 4px
}

#Hero .carousel-multiple-dots-list.active {
    border-top: 3px solid #fff
}

#Hero .carousel-multiple-arrows>span {
    width: 40px;
    height: 100px;
    background-color: rgba(0,0,0,.1)
}

#Hero .carousel-multiple-arrows>span:hover {
    background-color: rgba(0,0,0,.5)
}

#Hero .carousel-multiple-arrows>span em {
    width: 15px;
    height: 30px;
    display: block
}

#Hero .carousel-multiple-arrows>span {
    margin: 0
}

#Hero .carousel-multiple-arrows>span.carousel-multiple-arrows-left {
    background-position: 0 0;
    left: 240px
}

#Hero .carousel-multiple-arrows>span.carousel-multiple-arrows-left em {
    background-position: 0 0;
    margin: 35px 15px 35px 10px
}

#Hero .carousel-multiple-arrows>span.carousel-multiple-arrows-right {
    background-position: 15px 0;
    right: 0
}

#Hero .carousel-multiple-arrows>span.carousel-multiple-arrows-right em {
    background-position: -15px 0;
    margin: 35px 10px 35px 15px
}

#AcrossColumn {
    min-width: 1190px;
    margin-top: 50px
}

#AcrossColumn .AcrossColumn-info {
    width: 100%
}

#AcrossColumn .AcrossColumn-info .AcrossColumn-info-content {
    width: 1190px;
    margin: 0 auto;
    height: 150px
}

#AcrossColumn .AcrossColumn-info .AcrossColumn-info-content li {
    float: left;
    margin-right: 4px
}

#AcrossColumn .AcrossColumn-info .AcrossColumn-info-content li.last {
    margin-right: 0
}

#AcrossColumn .AcrossColumn-info .AcrossColumn-info-content li a {
    width: 394px;
    height: 150px;
    display: block
}

#AcrossColumn .AcrossColumn-info .AcrossColumn-info-content li a img {
    width: 100%;
    height: 100%
}

#Brand {
    margin-top: 70px;
    min-width: 1190px
}

#Brand:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

#Brand .brand-title {
    height: 36px;
    margin: 10px 0;
    margin-bottom: 3px
}

#Brand .brand-title .brand-title-content {
    width: 1190px;
    margin: 0 auto;
    height: 36px;
    position: relative
}

#Brand .brand-title .brand-title-content-left {
    float: left;
    width: 387px;
    height: 36px;
    background-repeat: no-repeat;
    background-position: -20px -13px;
    background-size: 100%
}

#Brand .brand-body {
    height: 317px;
    margin-bottom: 80px
}

#Brand .brand-body .brand-body-content {
    height: 320px;
    width: 1190px;
    margin: 0 auto
}

#Brand .brand-body .brand-body-content-left {
    width: 580px;
    height: 320px
}

#Brand .brand-body .brand-body-content-right {
    width: 600px;
    display: block;
    height: 320px
}

#Brand .carousel-multiple-dots-list {
    width: 50px;
    height: 10px;
    border: 0;
    background-color: hsla(0,0%,100%,0);
    border-top: 3px solid hsla(0,0%,100%,.4);
    border-radius: 0;
    margin-right: 4px
}

#Brand .carousel-multiple-dots-list.active {
    border-top: 3px solid #fff
}

#Brand .carousel-multiple-arrows>span {
    width: 26px;
    height: 80px;
    background-color: rgba(0,0,0,.1)
}

#Brand .carousel-multiple-arrows>span:hover {
    background-color: rgba(0,0,0,.5)
}

#Brand .carousel-multiple-arrows>span em {
    width: 15px;
    height: 30px;
    display: block
}

#Brand .carousel-multiple-arrows>span {
    margin: 0
}

#Brand .carousel-multiple-arrows>span.carousel-multiple-arrows-left {
    background-position: 0 0;
    left: 0
}

#Brand .carousel-multiple-arrows>span.carousel-multiple-arrows-left em {
    background-position: 0 0;
    margin: 25px 5px
}

#Brand .carousel-multiple-arrows>span.carousel-multiple-arrows-right {
    background-position: 15px 0;
    right: 0
}

#Brand .carousel-multiple-arrows>span.carousel-multiple-arrows-right em {
    background-position: -15px 0;
    margin: 25px 5px 25px 7px
}

#WeeklySpecial {
    min-width: 1190px;
    margin-top: 10px;
    overflow: hidden
}

#WeeklySpecial .weeklySpecial-info {
    width: 1190px;
    margin: 0 auto;
    overflow: hidden
}

#WeeklySpecial .weeklySpecial-info .weeklySpecial-info-content {
    margin-left: 250px;
    height: 140px;
    display: block
}

#WeeklySpecial .weeklySpecial-info .weeklySpecial-info-content .weeklySpecial-info-content-left {
    float: left
}

#WeeklySpecial .weeklySpecial-info .weeklySpecial-info-content .weeklySpecial-info-content-left a {
    width: 340px;
    height: 140px;
    display: block
}

#WeeklySpecial .weeklySpecial-info .weeklySpecial-info-content .weeklySpecial-info-content-left a img {
    width: 100%;
    height: 100%
}

#WeeklySpecial .weeklySpecial-info .weeklySpecial-info-content .weeklySpecial-info-content-right a {
    width: 290px;
    height: 140px;
    margin-left: 10px;
    float: left;
    display: block
}

#WeeklySpecial .weeklySpecial-info .weeklySpecial-info-content .weeklySpecial-info-content-right a img {
    width: 100%;
    height: 100%
}

#Picks {
    min-width: 1190px
}

#Picks .picks-title {
    width: 100%;
    height: 36px;
    margin: 0
}

#Picks .picks-title .picks-title-content {
    height: 36px;
    width: 1190px;
    margin: 0 auto
}

#Picks .picks-title .picks-title-content .picks-title-content-left {
    float: left;
    width: 387px;
    height: 36px;
    background-repeat: no-repeat;
    background-position: -20px -47px;
    background-size: 100%
}

#Picks .picks-info {
    width: 100%;
    min-height: 200px
}

#Picks .picks-info .picks-info-content {
    width: 1190px;
    margin: 0 auto
}

#Picks .picks-info .picks-info-content-list {
    width: 590px;
    height: 300px;
    display: inline-block;
    background-color: #fff;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative
}

#Picks .picks-info .picks-info-content-list a {
    display: block
}

#Picks .picks-info .picks-info-content-list a img {
    height: 100%;
    width: 100%
}

#Picks .picks-info .picks-info-content-list.picks-info-content-list-double {
    margin-right: 0
}

#Picks .picks-info .picks-info-list-product {
    position: absolute;
    width: 210px;
    top: 10px;
    right: 10px
}

#Picks .picks-info .picks-info-list-product li {
    height: 130px;
    margin-bottom: 1px;
    position: relative;
    background-color: #fff;
    padding: 10px 0 0 10px
}

#Picks .picks-info .picks-info-list-product li a {
    display: block;
    height: 100%;
    width: 100%
}

#Picks .picks-info .picks-info-list-product li .picks-info-product-brand,#Picks .picks-info .picks-info-list-product li .picks-info-product-content,#Picks .picks-info .picks-info-list-product li .picks-info-product-price {
    width: 160px;
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    display: inline-block
}

#Picks .picks-info .picks-info-list-product li .picks-info-product-brand {
    font-weight: bolder;
    color: #000
}

#Picks .picks-info .picks-info-list-product li .picks-info-product-content {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #000
}

#Picks .picks-info .picks-info-list-product li .picks-info-product-price {
    color: #e00;
    margin-top: 5px
}

#Picks .picks-info .picks-info-list-product li.last {
    margin-bottom: 0
}

#Picks .picks-info .picks-info-list-product li img {
    position: absolute;
    width: 90px;
    height: 90px;
    bottom: 0;
    right: 5px;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

#Picks .picks-info .picks-info-list-product li:hover img {
    right: 10px
}

.category {
    min-width: 1190px;
    margin-top: 80px
}

.category .category-title {
    height: 36px;
    margin: 10px 0;
    margin-bottom: 3px
}

.category .category-title .category-title-content {
    width: 1190px;
    margin: 0 auto;
    height: 36px;
    position: relative
}

.category .category-title .category-title-content .category-title-content-left {
    float: left;
    width: 387px;
    height: 36px;
    background-repeat: no-repeat;
    background-size: 100%
}

.category .category-body {
    height: 500px;
    margin-bottom: 10px
}

.category .category-body .category-body-content {
    width: 1190px;
    margin: 0 auto;
    height: 500px
}

.category .category-body .category-body-content-left {
    float: left
}

.category .category-body .category-body-content-left img {
    width: 100%;
    height: 100%
}

.category .category-footer {
    height: 56px
}

.category .category-footer .category-footer-content {
    width: 1190px;
    margin: 0 auto
}

.category.category_skinCare .category-title .category-title-content .category-title-content-left {
    background-position: -20px -78px
}

.category.category_bodyCare .category-title .category-title-content .category-title-content-left {
    background-position: -20px -179px
}

.category.category_manSkinCare .category-title .category-title-content .category-title-content-left {
    background-position: -20px -279px
}

.category.category_makeUp .category-title .category-title-content .category-title-content-left {
    background-position: -20px -113px
}

.category.category_fragrance .category-title .category-title-content .category-title-content-left {
    background-position: -20px -146px
}

.category.category_tools .category-title .category-title-content .category-title-content-left {
    background-position: -20px -247px
}

.category.category_hairCare .category-title .category-title-content .category-title-content-left {
    background-position: -20px -212px
}

#GuessYouLike {
    min-width: 1190px;
    margin-top: 80px
}

#GuessYouLike .guessyoulike-title {
    height: 36px;
    margin: 10px 0;
    margin-bottom: 3px
}

#GuessYouLike .guessyoulike-title .guessyoulike-title-content {
    width: 1190px;
    margin: 0 auto;
    height: 36px
}

#GuessYouLike .guessyoulike-title .guessyoulike-title-content .guessyoulike-title-content-left {
    float: left;
    width: 387px;
    height: 36px;
    background-repeat: no-repeat;
    background-position: -20px -313px;
    background-size: 100%
}

#GuessYouLike .guessyoulike-info {
    width: 100%
}

#GuessYouLike .guessyoulike-info .guessyoulike-info-content {
    background-color: #fff;
    width: 1190px;
    margin: 0 auto;
    min-height: 300px;
    border-top: 1px solid #f7f7f7;
    border-left: 1px solid #f7f7f7
}

#GuessYouLike .guessyoulike-info .guessyoulike-info-content-list {
    width: 237px;
    height: 259px;
    border-right: 1px solid #f7f7f7;
    border-bottom: 1px solid #f7f7f7;
    display: inline-block
}

#GuessYouLike .guessyoulike-info .guessyoulike-info-list-main {
    width: 180px;
    height: 180px;
    display: block;
    margin: 0 auto
}

#GuessYouLike .guessyoulike-info .guessyoulike-info-list-main a img {
    width: 180px;
    height: 180px
}

#GuessYouLike .guessyoulike-info .guessyoulike-info-list-brand,#GuessYouLike .guessyoulike-info .guessyoulike-info-list-content,#GuessYouLike .guessyoulike-info .guessyoulike-info-list-price {
    width: 196px;
    margin: 0 20px;
    font-size: 14px;
    line-height: 20px
}

#GuessYouLike .guessyoulike-info .guessyoulike-info-list-brand {
    font-weight: bolder;
    font-size: 12px
}

#GuessYouLike .guessyoulike-info .guessyoulike-info-list-content {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block
}

#GuessYouLike .guessyoulike-info .guessyoulike-info-list-price {
    color: #e00;
    margin-top: 6px
}

#Footer {
    min-width: 1190px;
    margin-top: 80px
}

#Footer.mt0 {
    margin-top: 0
}

#Footer .footer-info {
    width: 100%;
    background-color: #fff
}

#Footer .footer-info .footer-info-content {
    width: 1190px;
    margin: 0 auto;
    padding: 30px 0
}

#Footer .footer-info .footer-info-content .footer-info-ico {
    width: 236px;
    height: 96px;
    display: inline-block
}

#Footer .footer-info .footer-info-content .footer-info-ico>em {
    width: 49px;
    height: 49px;
    display: block;
    margin: 0 auto;
    background-repeat: no-repeat
}

#Footer .footer-info .footer-info-content .footer-info-ico>em.footer-info-ico-a {
    background-position: -90px 0
}

#Footer .footer-info .footer-info-content .footer-info-ico>em.footer-info-ico-b {
    background-position: -180px 0
}

#Footer .footer-info .footer-info-content .footer-info-ico>em.footer-info-ico-c {
    background-position: 0 0
}

#Footer .footer-info .footer-info-content .footer-info-ico>em.footer-info-ico-d {
    background-position: -137px 0
}

#Footer .footer-info .footer-info-content .footer-info-ico>em.footer-info-ico-e {
    width: 45px;
    background-position: -47px 0
}

#Footer .footer-info .footer-info-content .footer-info-ico .footer-info-content-cn {
    text-align: center;
    display: block;
    font-weight: 700;
    height: 18px;
    line-height: 18px;
    margin-top: 14px
}

#Footer .footer-info .footer-info-content .footer-info-ico .footer-info-content-en {
    text-align: center;
    display: block;
    height: 14px;
    line-height: 14px
}

#Footer .footer-info .footer-info-content .footer-ico-split {
    height: 24px;
    width: 1px;
    background-color: #9d9d9d;
    margin-bottom: 17px;
    display: inline-block
}

#Footer .footer-info .footer-info-content .footer-ico-split.last,#Footer .footer-map {
    background-color: #fff
}

#Footer .footer-map {
    width: 100%
}

#Footer .footer-map .footer-map-content {
    min-height: 150px;
    padding: 30px 0 50px;
    width: 1190px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: right 40px;
    border-top: 2px solid #000
}

#Footer .footer-map .footer-map-content li {
    width: 190px;
    line-height: 24px;
    display: inline-block;
    vertical-align: top
}

#Footer .footer-map .footer-map-content li a {
    color: #696969;
    display: block;
    height: 26px;
    line-height: 26px
}

#Footer .footer-map .footer-map-content li a:hover {
    color: #d1152a
}

#Footer .footer-map .footer-map-content li a.hd {
    color: #000;
    font-weight: 700
}

#Footer .footer-map .footer-map-content li a.header {
    font-weight: bolder;
    color: #000;
    margin-bottom: 10px
}

#Footer .footer-map .footer-map-content li.footer-list-hotline {
    width: 220px
}

#Footer .footer-map .footer-map-content li.footer-list-hotline .footer-mail {
    margin-top: 12px
}

#Footer .footer-map .footer-map-content li.footer-list-hotline .footer-mail a {
    color: #fff
}

#Footer .footer-map .footer-map-content li.footer-list-hotline .footer-mail a .icon-footer-mail {
    width: 18px;
    height: 12px;
    display: inline-block;
    vertical-align: baseline
}

#Footer .footer-map .footer-map-content li.footer-list-hotline .footer-mail a .icon-footer-mailContent {
    margin-left: 5px;
    color: #222
}

#Footer .footer-map .footer-map-content li.footer-list-hotline .footer-mailBox {
    width: 220px;
    height: 28px;
    position: relative;
    background-color: #e1e1e1
}

#Footer .footer-map .footer-map-content li.footer-list-hotline .footer-mailBox input {
    width: 179px;
    height: 28px;
    color: #5b5b5b;
    line-height: 28px;
    text-indent: 10px
}

#Footer .footer-map .footer-map-content li.footer-list-hotline .footer-mailBox button {
    background-color: #000;
    position: absolute;
    color: #fff;
    width: 40px;
    height: 28px;
    line-height: 28px;
    text-align: center
}

#Footer .footer-declaration {
    width: 100%;
    background-color: #3255ca;
}

#Footer .footer-declaration .footer-declaration-content {
    width: 1190px;
    margin: 0 auto;
    padding: 30px 0;
    text-align: center
}

#Footer .footer-declaration .footer-declaration-content .footer-declaration-content-center,#Footer .footer-declaration .footer-declaration-content .footer-declaration-content-cxsf {
    display: inline-block;
    height: 42px;
    vertical-align: middle
}

#Footer .footer-declaration .footer-declaration-content .footer-declaration-content-center {
    padding: 0 22px;
    color: #6f6f6f
}

#Footer .footer-declaration .footer-declaration-content .footer-declaration-content-center .footer-declaration-id {
    height: 21px;
    line-height: 21px;
    text-align: center
}

#Footer .footer-declaration .footer-declaration-content .footer-declaration-content-center .footer-declaration-id a {
    font-size: 14px
}

#Footer .footer-declaration .footer-declaration-content .footer-declaration-content-center .footer-declaration-info {
    height: 21px;
    line-height: 21px
}

#Footer .footer-declaration .footer-declaration-content .footer-declaration-content-center .footer-records {
    background-repeat: no-repeat;
    padding-left: 30px
}

#Footer .footer-declaration .footer-declaration-content .footer-declaration-content-center a {
    color: #6f6f6f;
    margin: 0 22px
}

#Footer .footer-declaration .footer-declaration-content .footer-declaration-content-center a.footer-declaration-info-text {
    margin: 0
}

#FixedTop {
    min-width: 1190px;
    position: fixed;
    z-index: 1001;
    width: 100%;
    top: -70px;
    transition-duration: .8s
}

#FixedTop .fixedTop-info {
    background-color: #fff;
    box-shadow: 0 3px 3px #f0f0f0
}

#FixedTop .fixedTop-info .fixedTop-info-content {
    width: 1190px;
    margin: 0 auto;
    height: 40px;
    padding: 10px 0
}

#FixedTop .fixedTop-info .fixedTop-info-content .fixedTop-info-content-logo {
    margin: 5px 80px 5px 0;
    height: 30px;
    float: left
}

#FixedTop .fixedTop-info .fixedTop-info-content .fixedTop-info-content-logo img {
    height: 100%
}

#FixedTop.active {
    top: 0
}

#FixedRight {
    position: fixed;
    z-index: 1000;
    right: 0;
    bottom: 60px
}

#FixedRight .fixedTop-info .fixedTop-info-content ul li {
    height: 40px;
    width: 40px
}

#FixedRight .fixedTop-info .fixedTop-info-content ul li.split {
    height: 30px;
    background-color: inherit
}

#FixedRight .fixedTop-info .fixedTop-info-content ul li a {
    display: block;
    width: 40px;
    height: 40px
}

#FixedRight .fixedTop-info .fixedTop-info-content ul li:hover a {
    display: block;
    margin-left: -80px;
    width: 120px;
    height: 40px
}

#FixedRight .fixedTop-info .fixedTop-info-content ul li a em {
    width: 40px;
    height: 40px;
    display: block;
    float: right
}

#FixedRight .fixedTop-info .fixedTop-info-content ul li a em.toolbar_text {
    float: left;
    display: none;
    width: 80px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 12px
}

#FixedRight .fixedTop-info .fixedTop-info-content ul li:hover a em.toolbar_text {
    display: block
}

#FixedRight .fixedTop-info-content ul li em {
    background-color: #aaa
}

#FixedRight .fixedTop-info-content ul li .numCircle {
    background-color: red;
    width: 18px;
    height: 18px;
    line-height: 18px;
    color: #fff;
    font-size: 10px;
    text-align: center;
    position: absolute;
    right: 0;
    border-radius: 32px
}

#FixedRight .fixedTop-info-content ul li:hover em.toolbar_text {
    background-color: #494949
}

#FixedRight .fixedTop-info-content ul li:hover em.sprite_toolbar {
    background-color: rgba(0,0,0,.7)
}

#FixedRight .fixedTop-info-content ul li.myAccount em {
    background-position: 0 0
}

#FixedRight .fixedTop-info-content ul li.myCart em {
    background-position: 0 -40px
}

#FixedRight .fixedTop-info-content ul li.myFavorite em {
    background-position: 0 -80px
}

#FixedRight .fixedTop-info-content ul li.myVip em {
    background-position: 0 -120px
}

#FixedRight .fixedTop-info-content ul li.serviceOnline em {
    background-position: 0 -160px
}

#FixedRight .fixedTop-info-content ul li.questionnaire em {
    background-position: 0 -200px
}

#FixedRight .fixedTop-info-content ul li.qrCode em {
    background-position: 0 -240px
}

#FixedRight .fixedTop-info-content ul li.returnTop em {
    background-position: 0 -280px
}

#FixedLeft {
    z-index: 1001;
    width: 40px;
    top: 1190px
}

#FixedLeft.fixed-left {
    display: none;
    position: absolute
}

#FixedLeft.fixed-left.active {
    display: block;
    position: fixed;
    top: 70px
}

#FixedLeft .fixedLeft-info-content {
    background-color: hsla(0,0%,100%,.95)
}

#FixedLeft .fixedLeft-info-content-list {
    color: #9d9d9d;
    cursor: pointer;
    padding-top: 20px
}

#FixedLeft .fixedLeft-info-content-list .sprite-fixed-icon {
    background-position: 0 0;
    margin-top: 3px
}

#FixedLeft .fixedLeft-info-content-list.active,#FixedLeft .fixedLeft-info-content-list:hover {
    color: #e00
}

#FixedLeft .fixedLeft-info-content-list.active .sprite-fixed-icon,#FixedLeft .fixedLeft-info-content-list:hover .sprite-fixed-icon {
    background-position: -12px 0
}

#FixedLeft .fixedLeft-info-content-content {
    width: 26px;
    line-height: 14px;
    font-size: 12px;
    display: block;
    vertical-align: middle;
    text-align: center;
    margin: 0 auto;
    border-bottom: 1px solid #dadada;
    padding-bottom: 20px
}

#FixedLeft .fixedLeft-info-content-content:last-child {
    border-bottom: 0
}

#FixedLeft .sprite-fixed-icon {
    width: 12px;
    height: 14px;
    margin: 0 auto;
    display: block
}

#FixedLeft .fixedLeft-info-content-list.last {
    border-bottom: 0;
    padding-bottom: 18px
}

#FixedLeft .fixedLeft-info-content-list.last .fixedLeft-info-content-content {
    border-bottom: 0;
    padding-bottom: 0
}

#sort-product {
    height: 32px;
    padding: 14px 0;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.15);
    font-size: 14px;
    position: fixed;
    z-index: 1001;
    width: 100%;
    top: -70px;
    transition-duration: .8s;
    background: #fff
}

#sort-product.sort-active {
    top: 0
}

#Alphabet {
    width: 100%;
    height: 60px;
    background: #fff;
    border-bottom: 1px solid #000;
    position: fixed;
    z-index: 1001;
    top: -60px;
    transition-duration: .8s;
    overflow: hidden
}

#Alphabet.active {
    top: 0
}

#CheckoutHeader {
    min-width: 1190px;
    position: relative;
    z-index: 100
}

#CheckoutHeader .checkoutHeader-info {
    width: 100%;
    background-color: #fff
}

#CheckoutHeader .checkoutHeader-info .checkoutHeader-info-content {
    width: 1190px;
    margin: 0 auto;
    padding: 25px 0
}

#CheckoutHeader .checkoutHeader-info-content-logo {
    width: 300px;
    height: 40px
}

#CheckoutHeader .checkoutHeader-info-content-logo a {
    margin: 5px 0;
    height: 30px;
    float: left
}

#CheckoutHeader .checkoutHeader-info-content-logo a img {
    height: 100%
}

#CheckoutHeader .checkoutHeader-info-content-step-hid {
    display: none
}

#CheckoutHeader .checkoutHeader-info-content-step {
    width: 503px;
    position: relative
}

#CheckoutHeader .checkoutHeader-info-content-step .checkoutHeader-info-content-step-border {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 3px;
    background-color: #eee;
    z-index: 1
}

#CheckoutHeader .checkoutHeader-info-content-step .checkoutHeader-info-content-step-wrap {
    border-bottom: 3px solid #eee;
    z-index: 10;
    position: relative;
    float: left
}

#CheckoutHeader .checkoutHeader-info-content-step .checkoutHeader-info-content-step-wrap.checkoutHeader-info-content-step-first,#CheckoutHeader .checkoutHeader-info-content-step .checkoutHeader-info-content-step-wrap.checkoutHeader-info-content-step-second,#CheckoutHeader .checkoutHeader-info-content-step .checkoutHeader-info-content-step-wrap.checkoutHeader-info-content-step-third {
    width: 82px;
    margin-right: 101px
}

#CheckoutHeader .checkoutHeader-info-content-step .checkoutHeader-info-content-step-wrap.checkoutHeader-info-content-step-first em,#CheckoutHeader .checkoutHeader-info-content-step .checkoutHeader-info-content-step-wrap.checkoutHeader-info-content-step-second em,#CheckoutHeader .checkoutHeader-info-content-step .checkoutHeader-info-content-step-wrap.checkoutHeader-info-content-step-third em {
    width: 82px;
    height: 50px;
    display: block;
    background-repeat: no-repeat;
    background-position: -145px 0;
    margin-top: 7px;
    margin-bottom: 10px
}

#CheckoutHeader .checkoutHeader-info-content-step .checkoutHeader-info-content-step-wrap.checkoutHeader-info-content-step-second {
    width: 123px
}

#CheckoutHeader .checkoutHeader-info-content-step .checkoutHeader-info-content-step-wrap.checkoutHeader-info-content-step-second em {
    width: 123px;
    background-position: -124px -50px
}

#CheckoutHeader .checkoutHeader-info-content-step .checkoutHeader-info-content-step-wrap.checkoutHeader-info-content-step-third {
    margin-right: 0;
    width: 96px
}

#CheckoutHeader .checkoutHeader-info-content-step .checkoutHeader-info-content-step-wrap.checkoutHeader-info-content-step-third em {
    width: 96px;
    background-position: -138px -100px
}

#CheckoutHeader .checkoutHeader-info-content-step.first .checkoutHeader-info-content-step-first {
    border-color: #000
}

#CheckoutHeader .checkoutHeader-info-content-step.first .checkoutHeader-info-content-step-first em {
    background-position: -22px 0
}

#CheckoutHeader .checkoutHeader-info-content-step.second .checkoutHeader-info-content-step-second {
    border-color: #000
}

#CheckoutHeader .checkoutHeader-info-content-step.second .checkoutHeader-info-content-step-second em {
    background-position: 0 -50px
}

#CheckoutHeader .checkoutHeader-info-content-step.third .checkoutHeader-info-content-step-third {
    border-color: #000
}

#CheckoutHeader .checkoutHeader-info-content-step.third .checkoutHeader-info-content-step-third em {
    background-position: -14px -100px
}

#CheckoutDelete {
    min-width: 1190px
}

.checkoutDeleteFirst.CheckoutALLDelete {
    min-width: 1190px;
    position: relative;
    margin-top: 40px
}

#CheckoutDelete {
    position: relative
}

#CheckoutDelete .checkoutDelete-info {
    width: 100%
}

#CheckoutDelete .checkoutDelete-info .checkoutDelete-info-content {
    width: 1190px;
    margin: 0 auto
}

#CheckoutAdPosition {
    min-width: 1190px;
    position: relative
}

#CheckoutAdPosition .checkoutAdPosition-info {
    width: 100%
}

#CheckoutAdPosition .checkoutAdPosition-info .checkoutAdPosition-info-content {
    width: 1190px;
    margin: 0 auto
}

#CheckoutAdPosition .checkoutAdPosition-info .checkoutAdPosition-info-content .checkoutAdPosition-info-content-header {
    height: 39px;
    line-height: 39px;
    text-indent: 20px;
    font-size: 12px;
    color: #333;
    background-color: #fff;
    border-bottom: 1px solid #f0f0f0
}

#CheckoutProductPublic {
    margin-top: 40px;
    min-width: 1190px;
    position: relative
}

#CheckoutProductPublic .checkoutProductPublic-info {
    width: 100%
}

#CheckoutProductPublic .checkoutProductPublic-info .checkoutProductPublic-info-content {
    width: 1190px;
    margin: 0 auto
}

.checkoutProductPublic-warp.hid {
    display: none
}

#CheckoutPublic {
    min-width: 1190px;
    margin-top: 50px;
    position: relative
}

#CheckoutPublic .checkoutPublic-info {
    width: 100%
}

#CheckoutPublic .checkoutPublic-info .checkoutPublic-info-content {
    width: 1190px;
    margin: 0 auto
}

#CheckoutPublic .checkoutPublicTab {
    height: 28px;
    line-height: 28px;
    border-bottom: 1px solid #f5f5f5;
    display: inline-block;
    font-size: 18px;
    color: #858585;
    cursor: pointer
}

#CheckoutPublic .checkoutPublicTab.active {
    border-color: #000;
    font-weight: bolder;
    color: #000
}

#CheckoutPublic .checkoutPublicTabSplit {
    width: 1px;
    height: 15px;
    background-color: #ccc;
    margin: 0 22px;
    display: inline-block
}

#CheckoutTotal {
    margin-top: 10px;
    min-width: 1190px;
    position: relative
}

#CheckoutTotal .checkoutTotal-info {
    width: 100%
}

#CheckoutTotal .checkoutTotal-info .checkoutTotal-info-content {
    width: 1190px;
    margin: 0 auto;
    background-color: #fff;
    height: 40px;
    padding: 25px 0
}

#CheckoutTotal .checkoutTotal-info-content-wrap {
    float: right;
    margin-right: 30px;
    font-size: 12px;
    text-align: center;
    height: 40px
}

#CheckoutTotal .checkoutTotal-info-content-wrap .checkoutTotal-info-content-number {
    float: left
}

#CheckoutTotal .checkoutTotal-info-content-wrap .checkoutTotal-info-content-number .checkoutTotal-info-content-number-info {
    display: block
}

#CheckoutTotal .checkoutTotal-info-content-wrap .checkoutTotal-info-content-number .checkoutTotal-info-content-number-content {
    display: block;
    margin-top: 10px;
    color: #000
}

#CheckoutTotal .checkoutTotal-info-content-wrap .checkoutTotal-info-content-sells {
    float: left;
    margin-left: 65px
}

#CheckoutTotal .checkoutTotal-info-content-wrap .checkoutTotal-info-content-sells .checkoutTotal-info-content-sells-info {
    display: block
}

#CheckoutTotal .checkoutTotal-info-content-wrap .checkoutTotal-info-content-sells .checkoutTotal-info-content-sells-content {
    display: block;
    margin-top: 10px;
    color: #d1152a
}

#CheckoutTotal .checkoutTotal-info-content-wrap .checkoutTotal-info-content-freight {
    float: left;
    margin-left: 65px
}

#CheckoutTotal .checkoutTotal-info-content-wrap .checkoutTotal-info-content-freight .checkoutTotal-info-content-freight-info {
    display: block
}

#CheckoutTotal .checkoutTotal-info-content-wrap .checkoutTotal-info-content-freight .checkoutTotal-info-content-freight-content {
    display: block;
    margin-top: 10px;
    color: #000
}

#CheckoutTotal .checkoutTotal-info-content-wrap .checkoutTotal-info-content-total {
    float: left;
    margin-left: 65px
}

#CheckoutTotal .checkoutTotal-info-content-wrap .checkoutTotal-info-content-total .checkoutTotal-info-content-total-info {
    display: block
}

#CheckoutTotal .checkoutTotal-info-content-wrap .checkoutTotal-info-content-total .checkoutTotal-info-content-total-content {
    display: block;
    margin-top: 10px;
    color: #000
}

#CheckoutSubmit {
    margin-top: 50px;
    min-width: 1190px;
    position: relative
}

#CheckoutSubmit .checkoutSubmit-info {
    width: 1190px;
    margin: 0 auto
}

#CheckoutSubmit .checkoutSubmit-info .checkoutSubmit-info-result {
    width: 1190px;
    margin: 0 auto;
    padding: 25px 30px 15px 0;
    background: #fff;
    overflow: hidden;
    box-sizing: border-box;
    margin-bottom: 50px
}

#CheckoutSubmit .checkoutSubmit-info .checkoutSubmit-info-result .checkoutSubmit-info-result-content {
    float: right
}

#CheckoutSubmit .checkoutSubmit-info .checkoutSubmit-info-result .checkoutSubmit-info-result-content .m110 {
    display: none
}

#CheckoutSubmit .checkoutSubmit-info .checkoutSubmit-info-result .checkoutSubmit-info-result-content p {
    font-size: 14px;
    color: #3b3b3b;
    margin-bottom: 10px;
    line-height: 14px
}

#CheckoutSubmit .checkoutSubmit-info .checkoutSubmit-info-result .checkoutSubmit-info-result-content p em {
    display: inline-block;
    width: 85px;
    text-align: right
}

#CheckoutSubmit .checkoutSubmit-info .checkoutSubmit-info-result .checkoutSubmit-info-result-content p span {
    display: inline-block;
    width: 100px;
    text-align: right
}

#CheckoutSubmit .checkoutSubmit-info .checkoutSubmit-info-content {
    bottom: 0;
    width: 1190px;
    height: 60px;
    line-height: 60px;
    background-color: #fff;
    position: fixed;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.1)
}

#CheckoutSubmit .checkoutSubmit-info .checkoutSubmit-info-content.fixed {
    position: fixed;
    bottom: 0;
    z-index: 1000;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.1)
}

#CheckoutSubmit .checkoutSubmit-info .checkoutSubmit-info-content-static {
    width: 1190px;
    height: 60px;
    line-height: 60px;
    background-color: #fff
}

#CheckoutSubmit .checkoutSubmit-info .checkoutSubmit-info-content-booking {
    width: 1190px;
    height: 40px;
    background: #e00;
    opacity: .7
}

#CheckoutSubmit .checkoutSubmit-info .checkoutSubmit-info-content-booking .module-checkoutTable-submit-booking {
    height: 40px;
    width: 249px;
    float: right
}

#CheckoutSubmit .checkoutSubmit-info .checkoutSubmit-info-content-booking .module-checkoutTable-submit-booking span {
    height: 20px;
    font-size: 14px;
    font-family: PingFangSC-Regular;
    color: #fff;
    line-height: 20px;
    display: inline-block;
    margin-top: 10px;
    position: relative
}

#CheckoutSubmit .checkoutSubmit-info .checkoutSubmit-info-content-booking .module-checkoutTable-submit-booking span i {
    display: inline-block;
    position: absolute;
    width: 15px;
    height: 15px;
    top: 2.5px;
    left: -23px;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/submit-booking-icon.png) no-repeat
}

#CheckoutSubmit .checkoutSubmit-info .checkoutSubmit-info-content-booking .module-checkoutTable-submit-booking .module-checkoutTable-submit-booking-countDown {
    float: right;
    margin-top: 13px;
    margin-right: 30px
}

#CheckoutSubmit .checkoutSubmit-info .checkoutSubmit-info-content-booking .module-checkoutTable-submit-booking .module-checkoutTable-submit-booking-countDown p {
    display: inline-block;
    font-size: 14px;
    font-family: SFProText-Regular;
    color: #fff;
    line-height: 16px
}

#CheckoutSubmit .checkoutSubmit-info .checkoutSubmit-info-content-booking.fixed {
    position: fixed;
    bottom: 60px;
    z-index: 2000;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.1)
}

#CheckoutSubmit .checkoutSubmit-info-content-left {
    height: 20px;
    line-height: 20px;
    display: inline-block;
    padding: 20px 0;
    float: left
}

#CheckoutSubmit .checkoutSubmit-info-content-left a {
    color: #474747
}

#CheckoutSubmit .checkoutSubmit-info-content-left ._checkbox {
    display: inline-block;
    vertical-align: text-top;
    margin: 1px 20px 0
}

#CheckoutSubmit .checkoutSubmit-info-content-left .checkoutSubmit-info-content-left-content-l {
    margin-right: 30px;
    display: inline-block
}

#CheckoutSubmit .checkoutSubmit-info-content-left .checkoutSubmit-info-content-left-content-r {
    margin-left: 30px;
    display: inline-block
}

#CheckoutSubmit .checkoutSubmit-info-content-left .checkoutSubmit-info-content-left-content-r.checkoutSubmit-info-content-left-content-r-mock {
    margin-right: 30px
}

#CheckoutSubmit .checkoutSubmit-info-content-left .checkoutSubmit-info-content-left-content-split {
    display: inline-block;
    width: 1px;
    height: 14px;
    background-color: #ccc;
    vertical-align: middle
}

#CheckoutSubmit .checkoutSubmit-info-content-left .checkoutSubmit-info-content-left-service {
    background-color: #eee;
    color: #000;
    border-radius: 100px;
    display: inline-block;
    width: 130px;
    height: 20px;
    line-height: 20px;
    text-indent: 8px;
    position: relative
}

#CheckoutSubmit .checkoutSubmit-info-content-left .checkoutSubmit-info-content-left-service:after {
    display: block;
    content: "";
    width: 9px;
    height: 9px;
    position: absolute;
    top: 6px;
    right: 10px;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/checkout-submit-phone.png) no-repeat 100%
}

#CheckoutSubmit .checkoutSubmit-info-content-left .checkoutSubmit-info-content-left-vipCountDown {
    display: inline-block;
    margin-left: 30px
}

#CheckoutSubmit .checkoutSubmit-info-content-left .checkoutSubmit-info-content-left-vipCountDown>i {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url("http://runtdyf.com/soa/images/submit-activt.png") no-repeat
}

#CheckoutSubmit .checkoutSubmit-info-content-left .checkoutSubmit-info-content-left-vipCountDown .module-checkoutTable-submit-booking {
    display: inline-block;
    position: relative;
    top: -3px;
    left: 6px
}

#CheckoutSubmit .checkoutSubmit-info-content-left .checkoutSubmit-info-content-left-vipCountDown .module-checkoutTable-submit-booking span {
    height: 12px;
    font-size: 12px;
    margin-right: 6px;
    font-family: PingFangSC-Regular;
    color: #666;
    line-height: 18px;
    display: inline-block
}

#CheckoutSubmit .checkoutSubmit-info-content-left .checkoutSubmit-info-content-left-vipCountDown .module-checkoutTable-submit-booking .module-checkoutTable-submit-booking-countDown {
    float: right;
    position: relative;
    top: -2px
}

#CheckoutSubmit .checkoutSubmit-info-content-left .checkoutSubmit-info-content-left-vipCountDown .module-checkoutTable-submit-booking .module-checkoutTable-submit-booking-countDown>div>p {
    display: inline-block;
    font-size: 14px
}

#CheckoutSubmit .checkoutSubmit-info-content-left .checkoutSubmit-info-content-left-vipCountDown .module-checkoutTable-submit-booking .module-checkoutTable-submit-booking-countDown>div .extraordinary {
    color: #000;
    line-height: 16px;
    font-family: HelveticaNeue
}

#CheckoutSubmit .checkoutSubmit-info-content-left .checkoutSubmit-info-content-left-vipCountDown .module-checkoutTable-submit-booking .module-checkoutTable-submit-booking-countDown>div .general {
    color: #666;
    line-height: 21px;
    font-family: SourceHanSansCN-Light
}

#CheckoutSubmit .checkoutSubmit-info-content-left .checkoutSubmit-info-content-right-return {
    margin: 0 30px 0 20px;
    display: inline-block
}

#CheckoutSubmit .checkoutSubmit-info-content-right {
    float: right;
    color: #858585
}

#CheckoutSubmit .checkoutSubmit-info-content-right .checkoutSubmit-info-content-right-ul {
    height: 60px;
    float: left;
    line-height: normal;
    padding: 10px 0;
    box-sizing: border-box
}

#CheckoutSubmit .checkoutSubmit-info-content-right .checkoutSubmit-info-content-right-ul li:first-child {
    padding-bottom: 4px
}

#CheckoutSubmit .checkoutSubmit-info-content-right .checkoutSubmit-info-content-right-li {
    text-align: right
}

#CheckoutSubmit .checkoutSubmit-info-content-right .checkoutSubmit-info-content-right-li em {
    color: #000
}

#CheckoutSubmit .checkoutSubmit-info-content-right .checkoutSubmit-info-content-right-li .ml20 {
    margin-left: 10px
}

#CheckoutSubmit .checkoutSubmit-info-content-right .checkoutSubmit-info-content-right-li .m110 {
    display: none
}

#CheckoutSubmit .checkoutSubmit-info-content-right .checkoutSubmit-info-content-right-li .ml19 {
    margin-left: 10px
}

#CheckoutSubmit .checkoutSubmit-info-content-right .checkoutSubmit-info-content-right-li .checkoutSubmit-info-content-right-li-price {
    color: #e00;
    font-size: 14px
}

#CheckoutSubmit .checkoutSubmit-info-content-right .checkoutSubmit-info-content-right-li .checkoutSubmit-info-content-right-li-sells {
    color: #000;
    display: inline-block;
    max-width: 485px;
    height: 16px;
    overflow: hidden;
    vertical-align: text-bottom;
    margin-left: 5px;
    white-space: nowrap;
    text-overflow: ellipsis
}

#CheckoutSubmit .checkoutSubmit-info-content-right .checkoutSubmit-info-content-right-li .checkoutSubmit-info-content-right-li-detail {
    display: inline-block;
    color: #000;
    height: 16px;
    margin-left: 5px
}

#CheckoutSubmit .checkoutSubmit-info-content-right .checkoutSubmit-info-content-right-li .checkoutSubmit-info-content-right-li-total {
    display: inline-block
}

#CheckoutSubmit .checkoutSubmit-info-content-right .checkoutSubmit-info-content-right-li .checkoutSubmit-info-content-right-li-save {
    display: inline-block;
    margin-left: 20px
}

#CheckoutSubmit .checkoutSubmit-info-content-right .checkoutSubmit-info-content-right-li .checkoutSubmit-info-content-right-li-save i {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    vertical-align: bottom;
    position: relative;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/checkout_first_minu.png) no-repeat
}

#CheckoutSubmit .checkoutSubmit-info-content-right .checkoutSubmit-info-content-right-li .checkoutSubmit-info-content-right-li-gift-value {
    color: #000
}

#CheckoutSubmit .checkoutSubmit-info-content-right .checkoutSubmit-info-content-right-submit {
    width: 140px;
    height: 60px;
    background-color: #e00;
    text-align: center;
    line-height: 60px;
    font-size: 20px;
    float: left;
    color: #fff;
    margin-left: 30px;
    cursor: pointer
}

#CheckoutSubmit .checkoutSubmit-info-content-right .checkoutSubmit-info-content-right-submit-checkbox-null {
    width: 140px;
    height: 60px;
    background: #999;
    text-align: center;
    line-height: 60px;
    font-size: 20px;
    float: left;
    color: #fff;
    margin-left: 30px;
    cursor: pointer
}

#CheckoutSubmit.checkoutSubmit-first .checkoutSubmit-info {
    height: 60px
}

#CheckoutUserShippingAddress {
    margin-top: 30px;
    min-width: 1190px;
    position: relative
}

#CheckoutUserShippingAddress .checkoutUserShippingAddress-info {
    width: 100%
}

#CheckoutUserShippingAddress .checkoutUserShippingAddress-info .checkoutUserShippingAddress-info-content {
    width: 1190px;
    margin: 0 auto
}

#CheckoutUserShippingAddress .checkoutUserShippingAddress-info-content-bodyUl .checkoutUserShippingAddress-info-content-bodyLi {
    border: 1px solid #f5f5f5;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    height: 16px;
    line-height: 16px;
    padding: 19px 0;
    position: relative
}

#CheckoutUserShippingAddress .checkoutUserShippingAddress-info-content-bodyUl .checkoutUserShippingAddress-info-content-bodyLi.hide {
    display: none
}

#CheckoutUserShippingAddress .checkoutUserShippingAddress-info-content-bodyUl .checkoutUserShippingAddress-info-content-bodyLi:hover {
    background-color: #fafafa;
    border-color: #fafafa
}

#CheckoutUserShippingAddress .checkoutUserShippingAddress-info-content-bodyUl .checkoutUserShippingAddress-info-content-bodyLi.active {
    border-color: #d1152a
}

#CheckoutUserShippingAddress .checkoutUserShippingAddress-info-content-bodyUl .checkoutUserShippingAddress-info-content-bodyLi .checkoutUserShippingAddress-info-content-bodyLi-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height: 14px;
    line-height: 14px;
    padding-right: 20px;
    vertical-align: middle;
    text-indent: 30px;
    width: auto;
    display: inline-block;
    border-right: 2px solid #c8c8c8;
    color: #000
}

#CheckoutUserShippingAddress .checkoutUserShippingAddress-info-content-bodyUl .checkoutUserShippingAddress-info-content-bodyLi .checkoutUserShippingAddress-info-content-bodyLi-address {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height: 14px;
    line-height: 14px;
    padding-right: 20px;
    vertical-align: middle;
    text-indent: 20px;
    max-width: 500px;
    display: inline-block;
    border-right: 2px solid #c8c8c8;
    color: #6f6f6f
}

#CheckoutUserShippingAddress .checkoutUserShippingAddress-info-content-bodyUl .checkoutUserShippingAddress-info-content-bodyLi .checkoutUserShippingAddress-info-content-bodyLi-mobile {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height: 14px;
    line-height: 14px;
    padding-right: 20px;
    vertical-align: middle;
    text-indent: 20px;
    width: 100px;
    display: inline-block;
    border-right: 2px solid #c8c8c8;
    color: #6f6f6f
}

#CheckoutUserShippingAddress .checkoutUserShippingAddress-info-content-bodyUl .checkoutUserShippingAddress-info-content-bodyLi .checkoutUserShippingAddress-info-content-bodyLi-zipCode {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height: 14px;
    line-height: 14px;
    padding-right: 20px;
    vertical-align: middle;
    text-indent: 20px;
    width: 70px;
    display: inline-block;
    color: #6f6f6f
}

#CheckoutUserShippingAddress .checkoutUserShippingAddress-info-content-bodyUl .checkoutUserShippingAddress-info-content-bodyLi .checkoutUserShippingAddress-info-content-bodyLi-default {
    display: inline-block;
    color: #fff;
    padding: 2px 5px;
    border-radius: 12px;
    background-color: #474747
}

#CheckoutUserShippingAddress .checkoutUserShippingAddress-info-content-bodyUl .checkoutUserShippingAddress-info-content-bodyLi .checkoutUserShippingAddress-info-content-bodyLi-default a {
    font-size: 12px;
    color: #fff;
    height: 12px;
    line-height: 12px
}

#CheckoutUserShippingAddress .checkoutUserShippingAddress-info-content-bodyUl .checkoutUserShippingAddress-info-content-bodyLi .checkoutUserShippingAddress-info-content-bodyLi-default.change {
    display: none
}

#CheckoutUserShippingAddress .checkoutUserShippingAddress-info-content-bodyUl .checkoutUserShippingAddress-info-content-bodyLi .checkoutUserShippingAddress-info-content-bodyLi-control {
    float: right;
    margin-right: 30px
}

#CheckoutUserShippingAddress .checkoutUserShippingAddress-info-content-bodyUl .checkoutUserShippingAddress-info-content-bodyLi .checkoutUserShippingAddress-info-content-bodyLi-control>a {
    margin-left: 20px;
    color: #aaa
}

#CheckoutUserShippingAddress .checkoutUserShippingAddress-info-content-bodyUl .checkoutUserShippingAddress-info-content-bodyLi .checkoutUserShippingAddress-info-content-bodyLi-control>a:hover {
    color: #d1152a
}

#CheckoutPayFor .checkoutPayFor-wrap-list #CheckoutUserShippingAddress .checkoutUserShippingAddress-info-content-bodyUl .checkoutUserShippingAddress-info-content-bodyLi .checkoutPayFor-wrap-list-active,#CheckoutUserShippingAddress .checkoutUserShippingAddress-info-content-bodyUl .checkoutUserShippingAddress-info-content-bodyLi #CheckoutPayFor .checkoutPayFor-wrap-list .checkoutPayFor-wrap-list-active,#CheckoutUserShippingAddress .checkoutUserShippingAddress-info-content-bodyUl .checkoutUserShippingAddress-info-content-bodyLi .sprite-checkout-icon {
    width: 19px;
    height: 19px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-position: -20px 0
}

#CheckoutUserShippingAddress .checkoutUserShippingAddress-info-content-bodyUl .checkoutUserShippingAddress-info-content-bodyLi:hover .checkoutUserShippingAddress-info-content-bodyLi-default.change {
    float: right;
    display: inline-block;
    background-color: #d1152a
}

#CheckoutPayFor {
    margin-top: 30px;
    min-width: 1190px;
    position: relative
}

#CheckoutPayFor .checkoutPayFor-info {
    width: 100%
}

#CheckoutPayFor .checkoutPayFor-info .checkoutPayFor-info-content {
    width: 1190px;
    margin: 0 auto
}

#CheckoutPayFor .checkoutPayFor-wrap {
    background-color: #fff;
    padding: 20px
}

#CheckoutPayFor .checkoutPayFor-wrap .checkoutPayWidth-info-content-body {
    background-color: #fff
}

#CheckoutPayFor .checkoutPayFor-wrap .checkoutPayWidth-info-content-body .checkoutPayWidth-info-content-body-nav {
    padding: 20px 20px 20px 0
}

#CheckoutPayFor .checkoutPayFor-wrap .checkoutPayWidth-info-content-body .checkoutPayWidth-info-content-body-nav .checkoutPayWidth-info-content-body-nav-botton {
    width: 180px;
    padding: 13px 31px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    margin-left: 20px;
    display: inline-block;
    color: #000;
    line-height: 14px;
    font-size: 16px;
    cursor: pointer;
    height: 50px
}

#CheckoutPayFor .checkoutPayFor-wrap .checkoutPayWidth-info-content-body .checkoutPayWidth-info-content-body-nav .checkoutPayWidth-info-content-body-nav-botton.active {
    border: 2px solid #e00
}

#CheckoutPayFor .checkoutPayFor-wrap .checkoutPayWidth-info-content-body .checkoutPayWidth-info-content-body-nav .checkoutPayWidth-info-content-body-nav-botton .aliPay {
    width: 22px;
    height: 22px;
    display: inline-block;
    margin-right: 12px;
    vertical-align: text-top;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/checkout-third-pay.png) no-repeat 0 0
}

#CheckoutPayFor .checkoutPayFor-wrap .checkoutPayWidth-info-content-body .checkoutPayWidth-info-content-body-nav .checkoutPayWidth-info-content-body-nav-botton .wechatPay {
    width: 25px;
    height: 22px;
    margin-right: 12px;
    display: inline-block;
    vertical-align: text-top;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/checkout-third-pay.png) no-repeat -42px 0
}

#CheckoutPayFor .checkoutPayFor-wrap-list {
    display: inline-block;
    width: 180px;
    height: 26px;
    margin-right: 10px;
    padding: 6px 0;
    line-height: 26px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #bdbdbd;
    background-color: #fff;
    position: relative
}

#CheckoutPayFor .checkoutPayFor-wrap-list:hover {
    border-color: #474747
}

#CheckoutPayFor .checkoutPayFor-wrap-list.active {
    border: 2px solid #e00
}

#CheckoutPayFor .checkoutPayFor-wrap-list.hide {
    display: none
}

#CheckoutPayFor .checkoutPayFor-wrap-list .sprite-checkoutWith-icon {
    width: 25px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

#CheckoutPayFor .checkoutPayFor-wrap-list .checkoutPayFor-wrap-list-content {
    font-size: 17px;
    color: #000;
    vertical-align: bottom
}

#CheckoutPayFor .checkoutPayFor-wrap-list.checkoutPayWithOnline .sprite-checkoutWith-icon {
    background-position: -25px 0
}

#CheckoutPayFor .checkoutPayFor-wrap-list.checkoutPayWithDelivery .sprite-checkoutWith-icon {
    background-position: 0 0
}

#CheckoutPayFor .checkoutPayFor-wrap-list .checkoutPayFor-wrap-list-active {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 18px;
    height: 18px;
    background-position: -21px -1px
}

#CheckoutMethod {
    margin-top: 30px;
    min-width: 1190px;
    position: relative
}

#CheckoutMethod .checkoutMethod-info {
    width: 100%
}

#CheckoutMethod .checkoutMethod-info .checkoutMethod-info-content {
    width: 1190px;
    margin: 0 auto
}

#CheckoutMethod .checkoutMethod-list-wrap {
    display: block
}

#CheckoutMethod .checkoutMethod-list-wrap .checkoutMethod-wrap-list {
    cursor: pointer;
    background-color: #fff;
    display: block;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #f5f5f5;
    padding-left: 20px
}

#CheckoutMethod .checkoutMethod-list-wrap .checkoutMethod-wrap-list>input {
    margin-right: 10px;
    cursor: pointer
}

#CheckoutOrderState {
    margin-top: 54px;
    min-width: 1190px;
    position: relative
}

#CheckoutOrderState .checkoutOrderState-info {
    width: 100%
}

#CheckoutOrderState .checkoutOrderState-info .checkoutOrderState-info-content {
    width: 1190px;
    margin: 0 auto
}

#CheckoutOrderState .checkoutOrderState-info .checkoutOrderState-info-content .jmnone {
    display: none
}

#CheckoutOrderState .checkoutOrderState-info .checkoutOrderState-info-content .jmblock {
    margin-bottom: 20px
}

#CheckoutOrderState .checkoutOrderState-info .checkoutOrderState-info-content .jmblock>span {
    font-size: 18px;
    color: #000
}

#CheckoutOrderState .checkoutOrderState-info-content-body {
    background-color: #fff
}

#CheckoutOrderState .checkoutOrderState-info-content-body .checkoutOrderState-info-content-body-message {
    border-bottom: 1px solid #eee;
    height: 100px;
    padding: 58px 0
}

#CheckoutOrderState .checkoutOrderState-info-content-body .checkoutOrderState-info-content-body-message .sprite-checkoutState-icon {
    width: 56px;
    height: 56px;
    margin-bottom: 15px
}

#CheckoutOrderState .checkoutOrderState-info-content-body .checkoutOrderState-info-content-body-message .sprite-checkoutState-silkPay-icon {
    width: 56px;
    height: 56px;
    margin-bottom: 15px;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/silk-failed-icon.png) no-repeat
}

#CheckoutOrderState .checkoutOrderState-info-content-body .checkoutOrderState-info-content-body-message .checkoutOrderState-info-content-body-message-content {
    text-align: center;
    display: block;
    font-weight: bolder;
    font-size: 22px;
    height: 22px;
    line-height: 22px
}

#CheckoutOrderState .checkoutOrderState-info-content-body .module-checkoutTable-header-booking {
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    position: relative;
    top: -50px;
    text-align: center
}

#CheckoutOrderState .checkoutOrderState-info-content-body .checkoutOrderState-info-content-body-info {
    height: 140px;
    padding: 50px 0;
    text-align: center
}

#CheckoutOrderState .checkoutOrderState-info-content-body .checkoutOrderState-info-content-body-info .checkoutOrderState-info-content-body-info-left {
    width: 100px;
    display: inline-block;
    vertical-align: top
}

#CheckoutOrderState .checkoutOrderState-info-content-body .checkoutOrderState-info-content-body-info .checkoutOrderState-info-content-body-info-left>img {
    width: 100px;
    height: 100px;
    margin-bottom: 12px
}

#CheckoutOrderState .checkoutOrderState-info-content-body .checkoutOrderState-info-content-body-info .checkoutOrderState-info-content-body-info-left>span {
    display: block;
    text-align: center;
    color: #333
}

#CheckoutOrderState .checkoutOrderState-info-content-body .checkoutOrderState-info-content-body-info .checkoutOrderState-info-content-body-info-right {
    padding-left: 50px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    color: #474747;
    line-height: 22px
}

#CheckoutOrderState .checkoutOrderState-info-content-body .checkoutOrderState-info-content-body-info .checkoutOrderState-info-content-body-info-right .checkoutOrderState-info-content-body-info-right-info,#CheckoutOrderState .checkoutOrderState-info-content-body .checkoutOrderState-info-content-body-info .checkoutOrderState-info-content-body-info-right .checkoutOrderState-info-content-body-info-right-pay,#CheckoutOrderState .checkoutOrderState-info-content-body .checkoutOrderState-info-content-body-info .checkoutOrderState-info-content-body-info-right .checkoutOrderState-info-content-body-info-right-user {
    display: block
}

#CheckoutOrderState .checkoutOrderState-info-content-body .checkoutOrderState-info-content-body-info .checkoutOrderState-info-content-body-info-right .checkoutOrderState-info-content-body-info-right-pay em {
    font-weight: 600;
    color: #d1152a
}

#CheckoutOrderState .checkoutOrderState-info-content-body .checkoutOrderState-info-content-body-info .checkoutOrderState-info-content-body-info-right .checkoutOrderState-info-content-body-info-right-pay-booking {
    display: inline-block;
    margin-right: 27px
}

#CheckoutOrderState .checkoutOrderState-info-content-body .checkoutOrderState-info-content-body-info .checkoutOrderState-info-content-body-info-right .checkoutOrderState-info-content-body-info-right-pay-booking em {
    font-weight: 600;
    color: #d1152a;
    padding-left: 5px
}

#CheckoutOrderState .checkoutOrderState-info-content-body .checkoutOrderState-info-content-body-info .checkoutOrderState-info-content-body-info-right .checkoutOrderState-info-content-body-info-right-pay-booking-time {
    display: inline-block;
    margin-right: 27px
}

#CheckoutOrderState .checkoutOrderState-info-content-body .checkoutOrderState-info-content-body-info .checkoutOrderState-info-content-body-info-right .checkoutOrderState-info-content-body-info-right-pay-booking-time em {
    font-weight: 600;
    color: #666;
    padding-left: 5px
}

#CheckoutOrderState .checkoutOrderState-info-content-body .checkoutOrderState-info-content-body-info .checkoutOrderState-info-content-body-info-right .checkoutOrderState-info-content-body-info-right-pay-booking-time em>i {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px
}

#CheckoutOrderState .checkoutOrderState-info-content-body .checkoutOrderState-info-content-body-info .checkoutOrderState-info-content-body-info-right .checkoutOrderState-info-content-body-info-right-order {
    color: #999;
    display: block
}

#CheckoutOrderState .checkoutOrderState-info-content-body .checkoutOrderState-info-content-body-info .checkoutOrderState-info-content-body-info-right .checkoutOrderState-info-content-body-info-right-changeAddress,#CheckoutOrderState .checkoutOrderState-info-content-body .checkoutOrderState-info-content-body-info .checkoutOrderState-info-content-body-info-right .checkoutOrderState-info-content-body-info-right-more,#CheckoutOrderState .checkoutOrderState-info-content-body .checkoutOrderState-info-content-body-info .checkoutOrderState-info-content-body-info-right .checkoutOrderState-info-content-body-info-right-shop {
    display: inline;
    margin-left: 20px;
    border-left: 1px solid #c8c8c8;
    padding-left: 20px;
    height: 18px;
    color: #999
}

#CheckoutOrderState .checkoutOrderState-info-content-body .checkoutOrderState-info-content-body-info .checkoutOrderState-info-content-body-info-right .checkoutOrderState-info-content-body-info-right-fullbooking {
    display: inline-block;
    margin-left: 20px;
    border-left: 1px solid #c8c8c8;
    padding-left: 20px;
    height: 18px;
    color: #999
}

#CheckoutOrderState .checkoutOrderState-info-content-body .checkoutOrderState-info-content-body-info .checkoutOrderState-info-content-body-info-right .checkoutOrderState-info-content-body-info-right-changeAddress:hover {
    cursor: pointer
}

#CheckoutOrderState .checkoutOrderState-info-content-body .checkoutOrderState-info-content-body-info .checkoutOrderState-info-content-body-info-right .checkoutOrderState-info-content-body-info-right-online {
    background-color: #eee;
    color: #000;
    border-radius: 100px;
    display: inline-block;
    width: 130px;
    height: 20px;
    line-height: 20px;
    text-indent: 8px;
    margin-top: 14px;
    position: relative
}

#CheckoutOrderState .checkoutOrderState-info-content-body .checkoutOrderState-info-content-body-info .checkoutOrderState-info-content-body-info-right .checkoutOrderState-info-content-body-info-right-online:after {
    display: block;
    content: "";
    width: 9px;
    height: 9px;
    position: absolute;
    top: 6px;
    right: 10px;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/checkout-submit-phone.png) no-repeat 100%
}

#CheckoutPayWith {
    margin-top: 30px;
    min-width: 1190px;
    position: relative
}

#CheckoutPayWith .checkoutPayWith-info {
    width: 100%
}

#CheckoutPayWith .checkoutPayWith-info .checkoutPayWith-info-content {
    width: 1190px;
    margin: 0 auto
}

#CheckoutPayWith .checkoutPayWith-info .checkoutPayWith-info-content .jmblock {
    margin-bottom: 20px
}

#CheckoutPayWith .checkoutPayWith-info .checkoutPayWith-info-content .jmblock>span {
    font-size: 18px;
    color: #000
}

#CheckoutPayWith .checkoutPayWidth-info-content-body {
    background-color: #fff;
    margin-bottom: 80px
}

#CheckoutPayWith .checkoutPayWidth-info-content-body .checkoutPayWidth-info-content-body-nav {
    padding: 20px 20px 20px 0;
    border-bottom: 1px solid #d8d8d8
}

#CheckoutPayWith .checkoutPayWidth-info-content-body .checkoutPayWidth-info-content-body-nav .checkoutPayWidth-info-content-body-nav-botton {
    width: 183px;
    padding: 13px 31px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    margin-left: 20px;
    display: inline-block;
    color: #000;
    line-height: 14px;
    font-size: 16px;
    cursor: pointer;
    height: 50px
}

#CheckoutPayWith .checkoutPayWidth-info-content-body .checkoutPayWidth-info-content-body-nav .checkoutPayWidth-info-content-body-nav-botton.active {
    border: 2px solid #e00
}

#CheckoutPayWith .checkoutPayWidth-info-content-body .checkoutPayWidth-info-content-body-nav .checkoutPayWidth-info-content-body-nav-botton .aliPay {
    width: 22px;
    height: 22px;
    display: inline-block;
    margin-right: 12px;
    vertical-align: text-top;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/checkout-third-pay.png) no-repeat 0 0
}

#CheckoutPayWith .checkoutPayWidth-info-content-body .checkoutPayWidth-info-content-body-nav .checkoutPayWidth-info-content-body-nav-botton .wechatPay {
    width: 25px;
    height: 22px;
    margin-right: 12px;
    display: inline-block;
    vertical-align: text-top;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/checkout-third-pay.png) no-repeat -42px 0
}

#CheckoutPayWith .checkoutPayWidth-info-content-body .checkoutPayWidth-info-content-body-nav .checkoutPayWidth-info-content-body-nav-botton .SilkPay {
    width: 25px;
    height: 22px;
    margin-right: 12px;
    display: inline-block;
    vertical-align: text-top;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/SilkPay.png) no-repeat
}

#CheckoutPayWith .checkoutPayWidth-info-content-body .checkoutPayWidth-info-content-body-content-li {
    padding: 60px 0;
    height: 500px;
    box-sizing: border-box;
    overflow: hidden;
    display: none
}

#CheckoutPayWith .checkoutPayWidth-info-content-body .checkoutPayWidth-info-content-body-content-li.ali .checkoutPayWidth-info-content-body-content-li-icon {
    float: left;
    left: 304px;
    position: absolute;
    bottom: 100px
}

#CheckoutPayWith .checkoutPayWidth-info-content-body .checkoutPayWidth-info-content-body-content-li.ali .checkoutPayWidth-info-content-body-content-li-icon .checkoutPayWidth-info-content-body-content {
    display: block;
    text-align: center;
    height: 75px;
    line-height: 75px;
    font-size: 18px
}

#CheckoutPayWith .checkoutPayWidth-info-content-body .checkoutPayWidth-info-content-body-content-li.ali .checkoutPayWidth-info-content-body-content-li-icon>img {
    display: block;
    margin: 0 auto 30px;
    height: 195px
}

#CheckoutPayWith .checkoutPayWidth-info-content-body .checkoutPayWidth-info-content-body-content-li.ali .checkoutPayWidth-info-content-body-content-li-button {
    position: relative;
    right: -173px;
    top: 184px
}

#CheckoutPayWith .checkoutPayWidth-info-content-body .checkoutPayWidth-info-content-body-content-li.ali .checkoutPayWidth-info-content-body-content-li-button .checkoutPayWidth-info-content-body-submit {
    width: 240px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background-color: #e00;
    color: #fff;
    font-size: 20px;
    display: block;
    margin: 0 auto
}

#CheckoutPayWith .checkoutPayWidth-info-content-body .checkoutPayWidth-info-content-body-content-li.wechat .checkoutPayWidth-info-content-body-content-wechat-left {
    float: left;
    height: 360px;
    padding-top: 30px;
    width: 50%;
    box-sizing: border-box;
    border-right: 1px solid #eee
}

#CheckoutPayWith .checkoutPayWidth-info-content-body .checkoutPayWidth-info-content-body-content-li.wechat .checkoutPayWidth-info-content-body-content-wechat-left span {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #3b3b3b;
    line-height: 20px;
    margin: 0 auto 50px
}

#CheckoutPayWith .checkoutPayWidth-info-content-body .checkoutPayWidth-info-content-body-content-li.wechat .checkoutPayWidth-info-content-body-content-wechat-left img {
    min-width: 250px;
    min-height: 250px;
    max-width: 300px;
    max-height: 300px;
    display: block;
    margin: 0 auto
}

#CheckoutPayWith .checkoutPayWidth-info-content-body .checkoutPayWidth-info-content-body-content-li.wechat .checkoutPayWidth-info-content-body-content-wechat-right {
    float: right;
    width: 50%;
    padding-left: 57px;
    box-sizing: border-box
}

#CheckoutPayWith .checkoutPayWidth-info-content-body .checkoutPayWidth-info-content-body-content-li.silkPay {
    height: auto
}

#CheckoutPayWith .checkoutPayWidth-info-content-body .checkoutPayWidth-info-content-body-content-li.silkPay .checkoutPayWidthBodySilkPay-info .checkoutPayWidthBodySilkPay-info-content-title {
    position: relative;
    height: 14px;
    font-size: 14px;
    font-family: SourceHanSansCN-Light;
    color: #666;
    line-height: 21px;
    left: 137px
}

#CheckoutPayWith .checkoutPayWidth-info-content-body .checkoutPayWidth-info-content-body-content-li.silkPay .checkoutPayWidthBodySilkPay-info .checkoutPayWidthBodySilkPay-info-content-title i {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 6px;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/register_incorrect.png)
}

.checkoutPayWidthBodySilkPay-info-content-body {
    width: 918px;
    height: 430px;
    margin-top: 20px
}

.checkoutPayWidthBodySilkPay-info-content-body .checkoutPayWidthBodySilkPay-info-content-body-top {
    margin-left: 43px;
    margin-bottom: 20px
}

.checkoutPayWidthBodySilkPay-info-content-body .checkoutPayWidthBodySilkPay-info-content-body-top span {
    display: inline-block;
    height: 16px;
    font-size: 16px;
    font-family: SourceHanSansCN-Normal;
    color: #333;
    line-height: 24px;
    margin-right: 15px
}

.checkoutPayWidthBodySilkPay-info-content-body .checkoutPayWidthBodySilkPay-info-content-body-top .checkoutPayWidthBodySilkPay-info-content-body-top-input {
    float: none;
    width: 200px;
    height: 32px;
    display: inline-block;
    background-color: #fff
}

.checkoutPayWidthBodySilkPay-info-content-body .checkoutPayWidthBodySilkPay-info-content-body-top .checkoutPayWidthBodySilkPay-info-content-body-top-input input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #ccc;
    text-indent: 20px;
    width: 200px;
    height: 30px
}

.checkoutPayWidthBodySilkPay-info-content-body .checkoutPayWidthBodySilkPay-info-content-body-top .checkoutPayWidthBodySilkPay-info-content-body-top-input input:hover {
    border-bottom: 1px solid #000
}

.checkoutPayWidthBodySilkPay-info-content-body .checkoutPayWidthBodySilkPay-info-content-body-middle span {
    width: 80px;
    height: 16px;
    font-size: 16px;
    font-family: SourceHanSansCN-Normal;
    color: #333;
    line-height: 24px;
    margin-right: 10px
}

.checkoutPayWidthBodySilkPay-info-content-body .checkoutPayWidthBodySilkPay-info-content-body-middle .checkoutPayWidthBodySilkPay-info-content-body-middle-input {
    float: none;
    width: 200px;
    height: 32px;
    display: inline-block;
    background-color: #fff
}

.checkoutPayWidthBodySilkPay-info-content-body .checkoutPayWidthBodySilkPay-info-content-body-middle .checkoutPayWidthBodySilkPay-info-content-body-middle-input input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #ccc;
    text-indent: 20px;
    width: 200px;
    height: 30px
}

.checkoutPayWidthBodySilkPay-info-content-body-bottom {
    margin-top: 40px
}

.checkoutPayWidthBodySilkPay-info-content-body-bottom .checkoutPayWidthBodySilkPay-info-content-body-bottom-button {
    width: 200px;
    height: 40px;
    display: inline-block;
    margin-left: 90px;
    margin-right: 20px
}

.checkoutPayWidthBodySilkPay-info-content-body-bottom .checkoutPayWidthBodySilkPay-info-content-body-bottom-button .btn-gray {
    width: 100%;
    height: 40px;
    line-height: 40px
}

.checkoutPayWidthBodySilkPay-info-content-body-bottom span {
    color: #999
}

.checkoutPayWidthBodySilkPay-info-content-body-bottom a {
    text-decoration: underline
}

#CheckoutPayWith .checkoutPayWidth-info-content-body .checkoutPayWidth-info-content-body-content-li.silkPay .checkoutPayWidthBodySilkPay-info .retentioninfo-info-mobile .icon-clear {
    top: 52px;
    right: 210px
}

#CheckoutPayWith .checkoutPayWidth-info-content-body .checkoutPayWidth-info-content-body-content-li.silkPay .checkoutPayWidthBodySilkPay-info .retentioninfo-info-mobile .icon-clear.countdown {
    right: 250px
}

#CheckoutPurchased {
    margin-top: 30px;
    min-width: 1190px;
    position: relative
}

#CheckoutPurchased .checkoutPurchased-info {
    width: 100%
}

#CheckoutPurchased .checkoutPurchased-info .checkoutPurchased-info-content {
    width: 1190px;
    margin: 0 auto
}

.checkout-purchased-content {
    background: #fff;
    border-top: 1px solid #eee
}

.checkout-purchased-content .checkout-product-body-item {
    padding: 0
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content {
    margin-left: 20px;
    margin-right: 42px;
    width: 1122px
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-img {
    margin-right: 12px
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-info-secondFullBooking {
    width: 748px;
    vertical-align: top;
    color: #000;
    line-height: 12px;
    display: inline-block
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-info-secondFullBooking h5 {
    font-weight: 700;
    margin-bottom: 10px
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-info-secondFullBooking .checkout-product-body-item-productNameCN-secondFullBooking {
    margin-bottom: 10px;
    display: inline-block
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-info-secondFullBooking .checkout-product-body-item-productNameCN-secondFullBooking .checkout-product-body-item-productNameCN-secondFullBooking-span {
    color: red
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-info-secondFullBooking .checkout-product-body-item-attr-secondFullBooking {
    position: relative
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-info-secondFullBooking .checkout-product-body-item-attr-secondFullBooking .checkout-product-body-item-attr-html-secondFullBooking {
    display: inline-block;
    padding-right: 12px;
    padding-bottom: 3px;
    position: relative;
    color: #666;
    margin: 0 0 10px;
    height: 16px;
    box-sizing: border-box
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-info-secondFullBooking .checkout-product-body-item-gift {
    width: 18px;
    height: 18px;
    color: #fff;
    background-color: #f6670d;
    text-align: center
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-unit-secondFullBooking {
    width: 124px;
    vertical-align: top;
    display: inline-block;
    text-align: left;
    position: relative;
    left: 6px
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-subtotal-secondFullBooking {
    width: 80px;
    vertical-align: top;
    display: inline-block;
    text-align: center;
    position: relative;
    left: 19px
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-subtotal-secondFullBooking .checkout-product-body-item-unit-sapPrice {
    color: #e00;
    margin-bottom: 10px
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-info {
    width: 748px
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-unit {
    width: 124px
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-amount {
    width: 64px;
    text-indent: 8px
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-amount-secondFullBooking {
    width: 64px;
    position: relative;
    left: 1px;
    top: -93px;
    display: inline-block
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-amount-secondFullBooking .checkout-product-body-item-amount-warp {
    text-align: center;
    margin-left: -6px;
    position: absolute;
    left: -25px
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-amount-secondFullBooking .checkout-product-body-item-amount-warp .checkout-product-body-item-amount-module-gift {
    width: 85px;
    margin: 0
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-amount-secondFullBooking .checkout-product-body-item-amount-warp .checkout-product-body-item-amount-tips {
    width: 60px;
    position: absolute;
    top: 8px;
    right: 346px
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-amount-secondFullBooking .checkout-product-body-item-amount-warp .checkout-product-body-item-amount-tips .checkout-product-body-item-amount-module-span {
    color: #e00
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-amount-secondFullBooking .checkout-product-body-item-amount-warp .mlnoe {
    display: none
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-subtotal {
    width: 80px;
    text-align: right;
    padding-right: 4px
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-subtotal .checkout-product-body-item-unit-sapPrice {
    color: #e00
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-buy {
    width: 50px;
    text-align: right;
    float: right;
    display: none;
    cursor: pointer
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-buy:hover {
    text-decoration: underline
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-info-secondBooking {
    width: 643px;
    vertical-align: top;
    color: #000;
    line-height: 12px;
    display: inline-block
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-info-secondBooking h5 {
    font-weight: 700;
    margin-bottom: 10px;
    cursor: pointer
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-info-secondBooking h5:hover {
    color: #d1152a
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-info-secondBooking .checkout-product-body-item-productNameCN {
    margin-bottom: 10px;
    cursor: pointer;
    display: inline-block
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-info-secondBooking .checkout-product-body-item-productNameCN:hover {
    color: #d1152a
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-info-secondBooking .checkout-product-body-item-attr {
    position: relative
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-info-secondBooking .checkout-product-body-item-attr .checkout-product-body-item-attr-html {
    display: inline-block;
    padding-right: 12px;
    padding-bottom: 3px;
    position: relative;
    color: #666;
    margin: 0 0 10px;
    cursor: pointer;
    height: 16px;
    box-sizing: border-box
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-info-secondBooking .checkout-product-body-item-attr .checkout-product-body-item-attr-html.default {
    border-bottom: 1px solid #fff
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-info-secondBooking .checkout-product-body-item-attr .checkout-product-body-item-attr-html.hover {
    border-bottom: 1px solid #858585
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-info-secondBooking .checkout-product-body-item-attr .checkout-product-body-item-attr-html.click {
    color: #d1152a;
    border-bottom: 1px solid #d1152a
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-info-secondBooking .checkout-product-body-item-attr .checkout-product-body-item-attr-html:hover {
    color: #d1152a
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-info-secondBooking .checkout-product-body-item-attr .checkout-product-body-item-attr-icon {
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    right: -15px;
    top: 1px
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-info-secondBooking .checkout-product-body-item-attr .checkout-product-body-item-attr-icon.hover {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/checkout-attr-default.png) no-repeat 0 0
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-info-secondBooking .checkout-product-body-item-attr .checkout-product-body-item-attr-icon.click {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/checkout-attr-click.png) no-repeat 0 0
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-unit-secondBooking {
    width: 109px;
    vertical-align: top;
    display: inline-block
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-unit-secondBooking .checkout-product-body-item-unit-sapPrice {
    color: #000;
    margin-bottom: 10px
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-amount-secondBooking {
    width: 105px;
    vertical-align: top;
    display: inline-block
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-subtotal-secondBooking {
    width: 118px;
    vertical-align: top;
    display: inline-block
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-subtotal-secondBooking .checkout-product-body-item-unit-sapPrice {
    color: #000;
    margin-bottom: 10px
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-SubtotalSecondBooking {
    width: 43px;
    vertical-align: top;
    display: inline-block
}

.checkout-purchased-content .checkout-product-body-item .checkout-product-body-item-content .checkout-product-body-item-SubtotalSecondBooking .checkout-product-body-item-unit-sapPrice {
    color: #e00;
    margin-bottom: 10px
}

#CheckoutOrderComment {
    min-width: 1190px
}

#CheckoutOrderComment .checkoutOrderComment-info {
    width: 100%
}

#CheckoutOrderComment .checkoutOrderComment-info .checkoutOrderComment-info-content {
    width: 1190px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 30px;
    background: #fff;
    border-top: 1px solid #eee
}

#CheckoutOrderComment .checkoutOrderComment-info .checkoutOrderComment-info-content .checkoutOrderComment-info-content-top ._checkbox {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top
}

#CheckoutOrderComment .checkoutOrderComment-info .checkoutOrderComment-info-content .checkoutOrderComment-info-content-top .checkoutOrderComment-info-content-title {
    font-size: 14px;
    color: #474747;
    display: inline-block;
    vertical-align: top;
    line-height: 14px
}

#CheckoutOrderComment .checkoutOrderComment-info .checkoutOrderComment-info-content .checkoutOrderComment-info-content-top .checkoutOrderComment-info-content-message {
    color: red;
    float: right
}

#CheckoutOrderComment .checkoutOrderComment-info .checkoutOrderComment-info-content .checkoutOrderComment-info-content-bottom {
    height: 40px;
    background: #f7f7f7;
    padding: 12px 0 11px 24px;
    box-sizing: border-box;
    margin-top: 10px;
    display: none
}

#CheckoutOrderComment .checkoutOrderComment-info .checkoutOrderComment-info-content .checkoutOrderComment-info-content-bottom.active {
    display: block
}

#CheckoutOrderComment .checkoutOrderComment-info .checkoutOrderComment-info-content .checkoutOrderComment-info-content-bottom .checkoutOrderComment-info-content-bottom-input {
    height: 17px;
    color: #000;
    width: 100%
}

#CheckoutGift {
    margin-top: 30px;
    min-width: 1190px;
    position: relative
}

#CheckoutGift .checkoutGift-info {
    width: 100%
}

#CheckoutGift .checkoutGift-info .checkoutGift-info-content {
    width: 1190px;
    margin: 0 auto
}

#CheckoutGift .checkoutGift-info-hid {
    display: none
}

#CheckoutGift .checkoutGift-list-warp-disabled {
    display: table;
    width: 100%;
    height: 90px;
    background-color: #fff;
    padding: 25px 0
}

#CheckoutGift .checkoutGift-list-warp-disabled .checkoutGift-list {
    display: table-cell;
    width: 50%;
    height: 90px;
    padding-left: 30px
}

#CheckoutGift .checkoutGift-list-warp-disabled .checkoutGift-list>em {
    display: inline-block;
    margin-right: 20px;
    border-color: #ccc;
    vertical-align: middle
}

#CheckoutGift .checkoutGift-list-warp-disabled .checkoutGift-list span {
    color: #999
}

#CheckoutGift .checkoutGift-list-warp-disabled .checkoutGift-list .checkoutGift-list-img {
    width: 90px;
    height: 90px;
    margin-right: 18px
}

#CheckoutGift .checkoutGift-list-warp {
    display: table;
    width: 100%;
    height: 90px;
    background-color: #fff;
    padding: 25px 0
}

#CheckoutGift .checkoutGift-list-warp .checkoutGift-list {
    display: table-cell;
    width: 50%;
    height: 90px;
    padding-left: 30px
}

#CheckoutGift .checkoutGift-list-warp .checkoutGift-list>em {
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle
}

#CheckoutGift .checkoutGift-list-warp .checkoutGift-list .checkoutGift-list-img {
    width: 90px;
    height: 90px;
    margin-right: 18px
}

#CheckoutTab {
    margin-top: 93px;
    min-width: 1190px;
    margin-bottom: 60px;
    position: relative
}

#CheckoutTab .checkoutTab-info {
    width: 100%
}

#CheckoutTab .checkoutTab-info .checkoutTab-info-content {
    width: 1190px;
    margin: 0 auto
}

#CheckoutTab .checkoutTab-info-content-head {
    display: block
}

#CheckoutTab .checkoutTab-info-content-head .checkoutTab-tab-header-list {
    display: inline-block;
    font-size: 18px;
    padding-bottom: 9px;
    border-bottom: 2px solid #f5f5f5;
    cursor: pointer
}

#CheckoutTab .checkoutTab-info-content-head .checkoutTab-tab-header-split {
    height: 14px;
    width: 1px;
    display: inline-block;
    margin: 0 22px;
    background-color: #d0d0d0
}

#CheckoutTab .checkoutTab-info-content-body {
    height: 306px;
    width: 1190px;
    display: block;
    margin-top: 10px
}

#CheckoutTab .checkoutTab-info-content-body-carousel {
    display: none;
    position: relative
}

#CheckoutTab .checkoutTab-info-content-body-carousel.active {
    display: block
}

#CheckoutNotLogin {
    margin-top: 40px;
    min-width: 1190px;
    position: relative
}

#CheckoutNotLogin .checkoutNotLogin-info {
    width: 100%
}

#CheckoutNotLogin .checkoutNotLogin-info .checkoutNotLogin-info-content {
    width: 1190px;
    margin: 0 auto;
    background: #fff;
    height: 300px;
    position: relative
}

#CheckoutNotLogin .checkoutNotLogin-info .notLogin {
    width: 450px;
    height: 77px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -33px;
    margin-left: -225px
}

#CheckoutNotLogin .checkoutNotLogin-info .notLogin em {
    width: 60px;
    height: 77px;
    display: block;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/package.png) no-repeat;
    float: left
}

#CheckoutNotLogin .checkoutNotLogin-info .notLogin span {
    width: 370px;
    margin-top: 13px;
    color: #858585;
    margin-bottom: 15px
}

#CheckoutNotLogin .checkoutNotLogin-info .notLogin .btn,#CheckoutNotLogin .checkoutNotLogin-info .notLogin span {
    display: block;
    float: left;
    margin-left: 20px;
    font-size: 14px
}

#CheckoutNotLogin .checkoutNotLogin-info .notLogin .btn.login {
    width: 50px;
    height: 22px;
    background: #e00;
    line-height: 22px;
    text-align: center;
    color: #fff
}

#CheckoutNotLogin .checkoutNotLogin-info .notLogin .btn.shop {
    color: #000
}

#CheckoutCoupons {
    margin-top: 35px;
    min-width: 1190px
}

.CheckoutCoupons-warp.hid {
    display: none
}

#CheckoutCoupons {
    position: relative
}

#CheckoutCoupons .checkoutCoupons-info {
    width: 100%
}

#CheckoutCoupons .checkoutCoupons-info .checkoutCoupons-info-content {
    width: 1190px;
    margin: 0 auto
}

#CheckoutCoupons .checkoutCoupons-info .checkoutCoupons-info-content .checkoutCoupons-info-content-head {
    font-size: 18px;
    color: #4b4b4b;
    font-weight: 400;
    margin-right: 200px
}

#CheckoutCoupons .checkoutCoupons-info .checkoutCoupons-info-content .checkoutCoupons-info-content-head .checkoutCoupons-info-content-head-title {
    display: inline-block;
    font-size: 18px;
    padding-bottom: 9px;
    border-bottom: 2px solid #f5f5f5;
    cursor: pointer;
    color: #000;
    margin-left: 0
}

#CheckoutCoupons .checkoutCoupons-info .checkoutCoupons-info-content .checkoutCoupons-info-content-head .checkoutCoupons-info-content-head-sub {
    color: #9f9f9f;
    font-size: 12px;
    margin-left: 12px
}

#CheckoutCoupons .checkoutCoupons-info .checkoutCoupons-info-content .checkoutCoupons-info-content-head .checkoutCoupons-info-content-head-sub-main {
    display: inline-block
}

#CheckoutCoupons .checkoutCoupons-info .checkoutCoupons-info-content .checkoutCoupons-info-content-head .checkoutCoupons-info-content-head-sub-main .checkoutCoupons-info-content-head-sub-title {
    color: #ef1d1e;
    font-size: 12px;
    cursor: pointer
}

#CheckoutCoupons .checkoutCoupons-info .checkoutCoupons-info-content .checkoutCoupons-info-content-input {
    background-color: #000;
    color: #fff;
    float: right;
    position: relative;
    top: -22px;
    width: 95px;
    height: 20px;
    line-height: 17px
}

#CheckoutCoupons .checkoutCoupons-info .checkoutCoupons-info-content .checkoutCoupons-info-content-body {
    min-height: 176px;
    background-color: #fefefe;
    margin-top: 18px
}

#CheckoutCoupons .checkoutCoupons-info .checkoutCoupons-info-content .checkoutCoupons-info-content-body .checkoutCouponsNone {
    margin: 0 auto;
    text-align: center;
    width: 130px;
    height: 64px;
    padding: 56px 0
}

#CheckoutCoupons .checkoutCoupons-info .checkoutCoupons-info-content .checkoutCoupons-info-content-body .checkoutCouponsNone .sprite-checkout-coupons-none {
    width: 46px;
    height: 30px;
    background-position: -20px 0
}

#CheckoutCoupons .checkoutCoupons-info .checkoutCoupons-info-content .checkoutCoupons-info-content-body .checkoutCouponsNone>span {
    margin-top: 16px;
    display: block;
    color: #a7a7a7;
    font-size: 14px
}

#CheckoutCoupons .checkoutCoupons-info .checkoutCoupons-info-content .checkoutCoupons-info-content-body .checkoutCouponsUl {
    padding: 25px
}

#CheckoutCoupons .checkoutCoupons-info .checkoutCoupons-info-content .checkoutCoupons-info-content-body .checkoutCouponsUl.more {
    padding: 0 25px;
    margin: 25px 0;
    background: #fff;
    display: inline-block;
    overflow-y: scroll;
    height: 255px
}

#CheckoutCoupons .checkoutCoupons-info .checkoutCoupons-info-content .checkoutCoupons-info-content-body .checkoutCouponsUl .checkoutCouponsLi {
    width: 214px;
    height: 116px;
    display: inline-block;
    margin: 5px;
    position: relative;
    cursor: default
}

#CheckoutCoupons .checkoutCoupons-info .checkoutCoupons-info-content .checkoutCoupons-info-content-body .checkoutCouponsUl .checkoutCouponsLi .checkoutCouponsLogo {
    position: absolute;
    left: 20px;
    top: 22px;
    width: 12px;
    height: 74px
}

#CheckoutCoupons .checkoutCoupons-info .checkoutCoupons-info-content .checkoutCoupons-info-content-body .checkoutCouponsUl .checkoutCouponsLi .checkoutCouponsCheck {
    border-radius: 100px;
    width: 20px;
    height: 20px;
    right: 16px;
    top: 12px;
    position: absolute;
    background-color: #fff
}

#CheckoutCoupons .checkoutCoupons-info .checkoutCoupons-info-content .checkoutCoupons-info-content-body .checkoutCouponsUl .checkoutCouponsLi .checkoutCouponsHeader {
    position: absolute;
    left: 54px;
    top: 27px;
    color: #fff;
    display: inline-block;
    height: 30px;
    line-height: 30px
}

#CheckoutCoupons .checkoutCoupons-info .checkoutCoupons-info-content .checkoutCoupons-info-content-body .checkoutCouponsUl .checkoutCouponsLi .checkoutCouponsHeader .checkoutCouponsUnit {
    width: 12px;
    height: 12px;
    position: absolute;
    line-height: 12px;
    top: 2px
}

#CheckoutCoupons .checkoutCoupons-info .checkoutCoupons-info-content .checkoutCoupons-info-content-body .checkoutCouponsUl .checkoutCouponsLi .checkoutCouponsHeader .checkoutCouponsDiscount {
    margin-left: 3px
}

#CheckoutCoupons .checkoutCoupons-info .checkoutCoupons-info-content .checkoutCoupons-info-content-body .checkoutCouponsUl .checkoutCouponsLi .checkoutCouponsHeader>span {
    font-size: 30px;
    line-height: 30px;
    margin-left: 10px
}

#CheckoutCoupons .checkoutCoupons-info .checkoutCoupons-info-content .checkoutCoupons-info-content-body .checkoutCouponsUl .checkoutCouponsLi .checkoutCouponsHeader>span.checkoutCouponsMessage {
    font-size: 22px;
    margin-left: 0
}

#CheckoutCoupons .checkoutCoupons-info .checkoutCoupons-info-content .checkoutCoupons-info-content-body .checkoutCouponsUl .checkoutCouponsLi .checkoutCouponsAmount {
    position: absolute;
    right: 21px;
    top: 40px;
    font-size: 14px;
    color: #fff
}

#CheckoutCoupons .checkoutCoupons-info .checkoutCoupons-info-content .checkoutCoupons-info-content-body .checkoutCouponsUl .checkoutCouponsLi .checkoutCouponsPromDesc {
    position: absolute;
    left: 54px;
    top: 70px;
    font-size: 12px;
    color: #fff;
    width: 140px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block
}

#CheckoutCoupons .checkoutCoupons-info .checkoutCoupons-info-content .checkoutCoupons-info-content-body .checkoutCouponsUl .checkoutCouponsLi .checkoutCouponsScope {
    position: absolute;
    left: 54px;
    top: 88px;
    color: #fff
}

#CheckoutCoupons .checkoutCoupons-info .checkoutCoupons-info-content .checkoutCoupons-info-content-body .checkoutCouponsUl .checkoutCouponsLi.usable {
    background-position-x: -288px;
    cursor: pointer
}

#CheckoutCoupons .checkoutCoupons-info .checkoutCoupons-info-content .checkoutCoupons-info-content-body .checkoutCouponsUl .checkoutCouponsLi.usable .checkoutCouponsHeader {
    cursor: pointer
}

#CheckoutCoupons .checkoutCoupons-info .checkoutCoupons-info-content .checkoutCoupons-info-content-body .checkoutCouponsUl .checkoutCouponsLi.unusable {
    background-position-x: -508px
}

#CheckoutCoupons .checkoutCoupons-info .checkoutCoupons-info-content .checkoutCoupons-info-content-body .checkoutCouponsUl .checkoutCouponsLi.active {
    background-position-x: -68px
}

#CheckoutCoupons .checkoutCoupons-info .checkoutCoupons-info-content .checkoutCoupons-info-content-head {
    position: relative;
    z-index: 1
}

#CheckoutCoupons .checkoutCoupons-info .checkoutCoupons-info-content .checkoutCoupons-info-content-body,#CheckoutCoupons .checkoutCoupons-info .checkoutCoupons-info-content .checkoutCoupons-info-content-head .checkoutCoupons-info-content-head-sub-main {
    position: relative
}

#CheckoutCoupons .checkoutCoupons-info .checkoutCoupons-info-content .checkoutCoupons-info-content-head .checkoutCoupons-info-content-head-sub-main .checkoutCoupons-info-content-head-message {
    display: none;
    padding: 20px 30px;
    background-color: #fff;
    width: 330px;
    position: absolute;
    left: 0;
    top: 35px;
    box-shadow: 0 0 8px 0 hsla(0,0%,80%,.7)
}

#CheckoutCoupons .checkoutCoupons-info .checkoutCoupons-info-content .checkoutCoupons-info-content-head .checkoutCoupons-info-content-head-sub-main .checkoutCoupons-info-content-head-message-title {
    font-size: 14px;
    color: #000;
    border-bottom: 1px solid #000;
    display: inline-block;
    padding-bottom: 5px;
    margin-bottom: 15px
}

#CheckoutCoupons .checkoutCoupons-info .checkoutCoupons-info-content .checkoutCoupons-info-content-head .checkoutCoupons-info-content-head-sub-main .checkoutCoupons-info-content-head-message-triangle {
    width: 12px;
    height: 20px;
    position: absolute;
    top: -6px;
    left: 20px
}

#CheckoutCoupons .checkoutCoupons-info .checkoutCoupons-info-content .checkoutCoupons-info-content-head .checkoutCoupons-info-content-head-sub-main .checkoutCoupons-info-content-head-message-content {
    color: #666;
    line-height: 22px;
    font-size: 12px
}

#CheckoutCoupons .checkoutCoupons-info .checkoutCoupons-info-content .checkoutCoupons-info-content-head .checkoutCoupons-info-content-head-sub-main .checkoutCoupons-info-content-head-message-close {
    width: 48px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    font-size: 12px;
    border: 1px solid #ccc;
    margin-top: 18px;
    cursor: pointer
}

#Popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000
}

#Popup.Popup .popup-background {
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.4)
}

.module-popup-addUserAddress {
    width: 800px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-height: 500px;
    overflow: hidden
}

.module-popup-addUserAddress .module-popup-addUserAddress-header {
    height: 58px;
    line-height: 58px;
    background-color: #000;
    position: relative;
    color: #fff;
    text-align: center;
    font-size: 18px
}

.module-popup-addUserAddress .module-popup-addUserAddress-header .module-popup-addUserAddress-header-close {
    height: 19px;
    width: 19px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer
}

.module-popup-addUserAddress .module-popup-addUserAddress-body {
    padding: 30px 50px;
    background: #fff
}

.module-popup-addUserAddress .module-popup-addUserAddress-body .module-popup-addUserAddress-error-message {
    padding-left: 120px;
    height: 14px;
    margin: 8px 0;
    color: #e00;
    line-height: 13px;
    visibility: hidden
}

.module-popup-addUserAddress .module-popup-addUserAddress-body .module-popup-addUserAddress-body-li {
    height: 30px;
    text-align: right
}

.module-popup-addUserAddress .module-popup-addUserAddress-body .module-popup-addUserAddress-body-li .module-popup-addUserAddress-body-li-hd {
    float: left;
    width: 80px;
    height: 30px;
    line-height: 30px;
    color: #575757;
    font-size: 14px
}

.module-popup-addUserAddress .module-popup-addUserAddress-body .module-popup-addUserAddress-body-li .module-popup-addUserAddress-body-li-hd em {
    color: #d1152a
}

.module-popup-addUserAddress .module-popup-addUserAddress-body .module-popup-addUserAddress-body-li .module-popup-addUserAddress-body-li-by {
    display: block;
    margin-left: 100px;
    height: 30px;
    line-height: 30px
}

.module-popup-addUserAddress .module-popup-addUserAddress-body .module-popup-addUserAddress-body-li .module-popup-addUserAddress-body-li-by .module-text {
    border: 1px solid #ccc;
    float: left
}

.module-popup-addUserAddress .module-popup-addUserAddress-body .module-popup-addUserAddress-body-li .module-popup-addUserAddress-body-li-by .module-select {
    border: 1px solid #ccc;
    float: left;
    margin-right: 20px;
    border-radius: 0;
    position: relative
}

.module-popup-addUserAddress .module-popup-addUserAddress-body .module-popup-addUserAddress-body-li .module-popup-addUserAddress-body-li-by .module-select.sprite-module-select-icon {
    background-position: 150px 12px;
    background-repeat: no-repeat
}

.module-popup-addUserAddress .module-popup-addUserAddress-body .module-popup-addUserAddress-body-li .module-popup-addUserAddress-body-li-by-split {
    height: 30px;
    line-height: 30px;
    float: left;
    margin: 0 20px
}

.module-popup-addUserAddress .module-popup-addUserAddress-body .module-popup-addUserAddress-body-li .module-popup-addUserAddress-body-li-byh {
    float: left;
    height: 30px;
    line-height: 30px;
    color: #575757;
    font-size: 14px
}

.module-popup-addUserAddress .module-popup-addUserAddress-body .module-popup-addUserAddress-body-li .module-popup-addUserAddress-body-li-byb {
    display: block;
    height: 30px;
    line-height: 30px;
    float: left;
    margin-left: 20px
}

.module-popup-addUserAddress .module-popup-addUserAddress-body .module-popup-addUserAddress-body-li-default {
    height: 30px;
    line-height: 30px;
    padding-left: 100px;
    margin-top: 15px
}

.module-popup-addUserAddress .module-popup-addUserAddress-body .module-popup-addUserAddress-body-li-default .module-input {
    margin-right: 10px
}

.module-popup-addUserAddress .module-popup-addUserAddress-body .module-popup-addUserAddress-body-li-submit {
    height: 30px;
    line-height: 30px;
    padding-left: 100px;
    margin: 20px 0 10px
}

.module-popup-addUserAddress .module-popup-addUserAddress-body .module-popup-addUserAddress-body-li-submit .module-popup-addUserAddress-body-li-submit-save {
    width: 140px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    margin-right: 20px;
    background-color: #000;
    color: #fff
}

.module-popup-addUserAddress .module-popup-addUserAddress-body .module-popup-addUserAddress-body-li-submit .module-popup-addUserAddress-body-li-submit-cancel {
    width: 140px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    background-color: #ddd;
    color: #000
}

#AddressListPopup .module-popup-addUserAddress-body {
    padding: 30px 10px 30px 30px;
    box-sizing: border-box
}

#AddressListPopup .module-popup-addUserAddress-body .module-popup-add {
    width: 740px;
    height: 54px;
    background: #fafafa;
    color: #e00;
    font-size: 14px;
    line-height: 54px;
    margin-top: 10px
}

#AddressListPopup .module-popup-addUserAddress-body .module-popup-add p {
    cursor: pointer
}

#AddressListPopup .module-popup-addUserAddress-body .module-popup-add p em {
    margin-right: 10px
}

#AddressListPopup .module-popup-addUserAddress-body .checkoutUserShippingAddress-info-content-bodyUl {
    width: 100%;
    max-height: 320px;
    overflow-y: auto
}

#AddressListPopup .module-popup-addUserAddress-body .checkoutUserShippingAddress-info-content-bodyUl .checkoutUserShippingAddress-info-content-bodyLi {
    width: 700px;
    height: 12px;
    line-height: 12px;
    font-size: 12px;
    color: #000;
    padding: 14px 20px
}

#AddressListPopup .module-popup-addUserAddress-body .checkoutUserShippingAddress-info-content-bodyUl .checkoutUserShippingAddress-info-content-bodyLi.active {
    border: 2px solid #e00
}

#AddressListPopup .module-popup-addUserAddress-body .checkoutUserShippingAddress-info-content-bodyUl .checkoutUserShippingAddress-info-content-bodyLi:hover {
    background: #fafafa
}

#AddressListPopup .module-popup-addUserAddress-body .checkoutUserShippingAddress-info-content-bodyUl .checkoutUserShippingAddress-info-content-bodyLi .checkoutUserShippingAddress-info-content-bodyLi-name {
    display: inline-block;
    vertical-align: middle;
    padding-right: 20px;
    border-right: 1px solid #c8c8c8
}

#AddressListPopup .module-popup-addUserAddress-body .checkoutUserShippingAddress-info-content-bodyUl .checkoutUserShippingAddress-info-content-bodyLi .checkoutUserShippingAddress-info-content-bodyLi-address {
    display: inline-block;
    vertical-align: middle;
    padding-left: 20px;
    padding-right: 20px;
    border-right: 1px solid #c8c8c8;
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#AddressListPopup .module-popup-addUserAddress-body .checkoutUserShippingAddress-info-content-bodyUl .checkoutUserShippingAddress-info-content-bodyLi .checkoutUserShippingAddress-info-content-bodyLi-mobile {
    display: inline-block;
    vertical-align: middle;
    padding-left: 20px;
    padding-right: 20px;
    border-right: 1px solid #c8c8c8
}

#AddressListPopup .module-popup-addUserAddress-body .checkoutUserShippingAddress-info-content-bodyUl .checkoutUserShippingAddress-info-content-bodyLi .checkoutUserShippingAddress-info-content-bodyLi-control {
    float: right;
    display: inline-block
}

#AddressListPopup .module-popup-addUserAddress-body .checkoutUserShippingAddress-info-content-bodyUl .checkoutUserShippingAddress-info-content-bodyLi .checkoutUserShippingAddress-info-content-bodyLi-control a {
    color: #9d9d9d;
    margin-right: 20px
}

#AddressListPopup .module-popup-addUserAddress-body .checkoutUserShippingAddress-info-content-bodyUl .checkoutUserShippingAddress-info-content-bodyLi .checkoutUserShippingAddress-info-content-bodyLi-zipCode {
    display: inline-block;
    vertical-align: middle;
    padding-left: 20px;
    padding-right: 20px
}

#AddressListPopup .module-popup-addUserAddress-body .checkoutUserShippingAddress-info-content-bodyUl .checkoutUserShippingAddress-info-content-bodyLi .checkoutUserShippingAddress-info-content-bodyLi-default {
    display: inline-block;
    margin-top: -4px
}

#AddressListPopup .module-popup-addUserAddress-body .checkoutUserShippingAddress-info-content-bodyUl .checkoutUserShippingAddress-info-content-bodyLi .checkoutUserShippingAddress-info-content-bodyLi-default a {
    display: inline-block;
    width: 60px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    background: #474747;
    border-radius: 24px
}

#AddressListPopup .module-popup-addUserAddress-body .checkoutUserShippingAddress-info-content-bodyUl .checkoutUserShippingAddress-info-content-bodyLi .checkoutUserShippingAddress-info-content-bodyLi-default.change {
    margin-top: -4px;
    float: right;
    margin-right: 20px;
    display: none
}

#AddressListPopup .module-popup-addUserAddress-body .checkoutUserShippingAddress-info-content-bodyUl .checkoutUserShippingAddress-info-content-bodyLi .checkoutUserShippingAddress-info-content-bodyLi-default.change a {
    display: inline-block;
    width: 84px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    background: #e00
}

#AddressListPopup .module-popup-addUserAddress-body .checkoutUserShippingAddress-info-content-bodyUl .checkoutUserShippingAddress-info-content-bodyLi:hover .checkoutUserShippingAddress-info-content-bodyLi-default.change {
    display: inline-block
}

.SephoraLoginIn {
    width: 100%
}

.SephoraLoginIn .HeaderBg {
    width: 100%;
    float: left;
    height: 110px;
    background-color: #fff
}

.SephoraLoginIn .HeaderBg .HeaderMiddle {
    margin: auto;
    width: 1190px;
    height: 110px;
    background-color: #fff
}

.SephoraLoginIn .HeaderBg .HeaderMiddle .HeaderLogo {
    width: 250px;
    height: 66px;
    margin: 28px 0 0;
    float: left;
    background-image: url(../image/search_logo.png);
    cursor: pointer;
    background-repeat:no-repeat;
}

.SephoraLoginIn .BodyBg {
    min-width: 1190px;
    width: 100%;
    float: left;
    height: 610px
}

.SephoraLoginIn .BodyBg .LoginBgPicture {
    /*background: transparent no-repeat scroll 50% 0;*/
    min-width: 1190px;
    width: 100%;
    height: 610px;
    position: absolute;
    z-index: 1
}

.SephoraLoginIn .BodyBg .BodyMiddle {
    margin: auto;
    width: 1190px;
    height: 610px
}

.SephoraLoginIn .BodyBg .BodyMiddle div.imgShow {
    width: 1190px;
    height: 610px;
    position: absolute;
    z-index: 1
}

.SephoraLoginIn .BodyBg .BodyMiddle .main {
    width: 360px;
    height: 380px;
    background-color: #fff;
    margin: 115px 0 0 800px;
    position: absolute;
    z-index: 2
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle {
    margin: auto;
    width: 300px;
    height: 380px
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle div.head {
    float: left;
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    letter-spacing: 1px;
    margin: 26px 0 0;
    color: #000
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .tip {
    width: 300px;
    height: 32px;
    line-height: 32px;
    float: left;
    font-size: 12px
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .tip .autoLoginIcon {
    float: left;
    margin: 9px 4px 0 0;
    width: 14px;
    height: 14px;
    background-position: -38px 0
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .tip .errorRedIcon {
    float: left;
    margin: 9px 4px 0 0;
    width: 14px;
    height: 14px;
    background-position: -38px -14px
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .tip span {
    float: left;
    display: block
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .tip span.autoLogin {
    color: #ff7f2e
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .tip span.errorFont {
    color: #f12526
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .inputCombie {
    width: 300px;
    height: 32px;
    float: left;
    margin-top: 20px
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .inputCombie.first {
    margin-top: 8px
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .inputCombie .validation-image {
    width: 100px;
    height: 28px;
    position: absolute;
    margin: 2px 0 0 195px;
    cursor: pointer
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .inputCombie div.icon-left {
    width: 20px;
    height: 20px;
    margin-left: 7px;
    margin-top: 6px;
    position: absolute
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .inputCombie div.icon-left.user {
    background-position: 0 -20px
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .inputCombie div.icon-left.password {
    background-position: 0 0
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .inputCombie div.icon-left.confirm {
    background-position: 0 -40px
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .inputCombie div.icon-good {
    width: 18px;
    height: 18px;
    position: absolute;
    margin: 7px 0 0 270px;
    background-position: -20px 0
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .inputCombie div.icon-good-line {
    width: 298px;
    height: 1px;
    position: absolute;
    margin: 29px 0 0;
    background-color: #4cd964
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .inputCombie div.icon-bad {
    width: 18px;
    height: 18px;
    position: absolute;
    margin: 7px 0 0 270px;
    background-position: -20px -36px
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .inputCombie div.icon-bad-line {
    width: 298px;
    height: 1px;
    position: absolute;
    margin: 29px 0 0;
    background-color: #ff0700
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .inputCombie div.icon-clear {
    width: 18px;
    height: 18px;
    position: absolute;
    margin: 7px 0 0 270px;
    background-position: -20px -18px
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .inputCombie div.icon-clear:hover {
    cursor: pointer
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .inputCombie div.icon-clear2 {
    width: 18px;
    height: 18px;
    position: absolute;
    margin: 7px 0 0 170px;
    background-position: -20px -18px
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .inputCombie div.icon-clear2:hover {
    cursor: pointer
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .inputCombie div.icon-now-line {
    width: 298px;
    height: 1px;
    position: absolute;
    margin: 29px 0 0;
    background-color: #000
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .inputCombie input.select298 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #ccc;
    text-indent: 32px;
    width: 298px;
    height: 30px
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .inputCombie input.select298:hover {
    border-bottom: 1px solid #000
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .autoLoginInAndSearchPassword {
    width: 300px;
    height: 50px;
    line-height: 50px;
    float: left;
    color: #919191
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .autoLoginInAndSearchPassword input {
    float: left;
    margin: 19px 2px 0 0;
    cursor: pointer
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .autoLoginInAndSearchPassword p:first-of-type {
    /*float: left;*/
    float: right;
    cursor: pointer
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .autoLoginInAndSearchPassword p:first-of-type:hover {
    color: #e00
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .autoLoginInAndSearchPassword p:nth-of-type(2) {
    cursor: pointer;
    float: right
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .autoLoginInAndSearchPassword p:nth-of-type(2):hover {
    text-decoration: underline
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .confirmButton {
    width: 300px;
    height: 40px;
    line-height: 40px;
    background-color: #000;
    color: #fff;
    float: left;
    font-size: 16px;
    letter-spacing: 2px;
    text-align: center;
    cursor: pointer;
    transition: all .5s;
    -webkit-transition: all .5s
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .confirmButton:hover {
    background-color: #e00
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .confirmButton2 {
    width: 300px;
    height: 40px;
    line-height: 40px;
    background-color: #999;
    color: #fff;
    float: left;
    font-size: 16px;
    letter-spacing: 2px;
    text-align: center
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .confirmButton2:hover{
    background-color: red;
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .confirmButton3 {
    width: 300px;
    height: 40px;
    float: left
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .freeRegister {
    width: 300px;
    height: 50px;
    line-height: 50px;
    float: left;
    color: #919191;
    text-align: right
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .freeRegister .mixedLogin {
    float: left;
    width: 100px;
    height: 50px
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .freeRegister .mixedLogin ul li {
    float: left;
    width: 24px;
    height: 24px;
    margin-top: 13px;
    cursor: pointer
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .freeRegister .mixedLogin ul li:first-of-type {
    background-position: -56px 0
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .freeRegister .mixedLogin ul li:first-of-type:hover {
    background-position: -80px 0
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .freeRegister .mixedLogin ul li:nth-of-type(2) {
    margin-left: 10px;
    background-position: -56px -24px
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .freeRegister .mixedLogin ul li:nth-of-type(2):hover {
    background-position: -80px -24px
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .freeRegister .mixedLogin ul li:nth-of-type(3) {
    margin-left: 10px;
    background-position: -56px -48px
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .freeRegister .mixedLogin ul li:nth-of-type(3):hover {
    background-position: -80px -48px
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .freeRegister p {
    float: right
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .freeRegister p span.red {
    color: #f12526;
    cursor: pointer
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .freeRegister p span.red:hover {
    text-decoration: underline
}

.SephoraLoginIn .BodyBg .BodyMiddle .main .mainMiddle .freeRegister .rightArraw {
    margin: 22px 0 0 6px;
    width: 4px;
    height: 8px;
    float: right;
    background-position: -52px 0
}

.SepBaseInput-chen {
    float: left;
    width: 300px;
    height: 32px;
    background-color: #fff
}

.SepBaseInput-chen input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #ccc;
    text-indent: 32px;
    width: 298px;
    height: 30px
}

.SepBaseInput-chen input:hover {
    border-bottom: 1px solid #000
}

.SepBaseInput-chen div.icon-good {
    width: 18px;
    height: 18px;
    position: absolute;
    margin: 7px 0 0 270px;
    background-position: -20px 0
}

.SepBaseInput-chen div.icon-good-line {
    width: 298px;
    height: 1px;
    position: absolute;
    margin: 29px 0 0;
    background-color: #4cd964
}

.SepBaseInput-chen div.icon-bad {
    width: 18px;
    height: 18px;
    position: absolute;
    margin: 7px 0 0 270px;
    background-position: -20px -36px
}

.SepBaseInput-chen div.icon-bad-line {
    width: 298px;
    height: 1px;
    position: absolute;
    margin: 29px 0 0;
    background-color: #ff0700
}

.SepBaseInput-chen div.icon-now-line {
    width: 298px;
    height: 1px;
    position: absolute;
    margin: 29px 0 0;
    background-color: #000
}

.SepBaseInput-chen div.icon-clear {
    width: 18px;
    height: 18px;
    position: absolute;
    margin: 7px 0 0 270px;
    background-position: -20px -18px;
    z-index: 999
}

.SepBaseInput-chen div.icon-clear:hover {
    cursor: pointer
}

.SepTimeIntervalButton {
    margin-left: 10px;
    width: 120px;
    height: 32px;
    background: #000;
    color: #fff;
    font-size: 14px;
    float: left;
    cursor: pointer;
    transition: all .5s;
    -webkit-transition: all .5s
}

.SepTimeIntervalButton.cur:hover {
    background-color: #e00
}

.SepTimeIntervalButton.cur {
    background: #e00;
    color: #fff;
    width: 120px
}

.SepUserAgreement .bg {
    position: fixed;
    opacity: .5;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background-color: #000
}

.SepUserAgreement .center {
    background-color: #fff;
    position: fixed;
    width: 900px;
    height: 580px;
    top: 50%;
    left: 50%;
    margin-left: -450px;
    margin-top: -300px;
    z-index: 101
}

.SepUserAgreement .center .title {
    float: left;
    background-color: #000;
    height: 58px;
    width: 900px
}

.SepUserAgreement .center .title p.title {
    letter-spacing: 1px;
    width: 200px;
    margin-left: 350px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    height: 58px;
    line-height: 58px;
    float: left
}

.SepUserAgreement .center .title .returnStep {
    width: 17px;
    height: 17px;
    float: right;
    margin: 20px 20px 0 0;
    background-image: url("../image/loginSearchPassword_icon.png");
    background-position: -97px -56px;
    cursor: pointer
}

.SepUserAgreement .center .main {
    width: 840px;
    height: 400px;
    float: left;
    margin: 30px 0 0 30px;
    overflow: auto
}

.SepUserAgreement .center .main p {
    font-size: 14px;
    color: #000;
    line-height: 30px;
    letter-spacing: 0
}

.SepUserAgreement .center .main p.p-title {
    height: 108px
}

.SepUserAgreement .center .main p.p-subtitle {
    font-weight: 900
}

.SepUserAgreement .center .confirm {
    margin-left: 330px;
    width: 240px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    background-color: #000;
    margin-top: 20px;
    color: #fff;
    float: left;
    letter-spacing: 2px;
    text-align: center;
    cursor: pointer;
    transition: all .5s;
    -webkit-transition: all .5s
}

.SepUserAgreement .center .confirm:hover {
    background-color: #e00
}

.SephoraRegister {
    width: 100%
}

.SephoraRegister .HeaderBg {
    width: 100%;
    float: left;
    height: 110px;
    background-color: #fff
}

.SephoraRegister .HeaderBg .HeaderMiddle {
    margin: auto;
    width: 1190px;
    height: 110px;
    background-color: #fff
}

.SephoraRegister .HeaderBg .HeaderMiddle .HeaderLogo {
    width: 250px;
    height: 66px;
    margin: 28px 0 0;
    float: left;
    cursor: pointer;
    background-image: url(../image/search_logo.png);
    background-repeat:no-repeat;
}

.SephoraRegister .HeaderBg .HeaderMiddle span {
    float: left;
    display: block;
    font-size: 16px;
    letter-spacing: 1px;
    color: #333;
    margin: 45px 0 0 30px
}

.SephoraRegister .HeaderBg .HeaderMiddle .goSephoraLogin {
    float: right;
    margin-top: 30px
}

.SephoraRegister .HeaderBg .HeaderMiddle .goSephoraLogin p {
    float: left;
    color: #9d9d9d
}

.SephoraRegister .HeaderBg .HeaderMiddle .goSephoraLogin ul {
    cursor: pointer;
    float: left
}

.SephoraRegister .HeaderBg .HeaderMiddle .goSephoraLogin ul li {
    float: left
}

.SephoraRegister .HeaderBg .HeaderMiddle .goSephoraLogin ul li:first-of-type {
    color: #000
}

.SephoraRegister .HeaderBg .HeaderMiddle .goSephoraLogin ul li:nth-of-type(2) {
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-left: 5px solid #000;
    border-bottom: 4px solid transparent;
    float: left;
    margin-top: 5px;
    margin-left: 2px
}

.SephoraRegister .HeaderBg .HeaderMiddle .goSephoraLogin ul:hover li:first-of-type {
    color: red;
    text-decoration: underline
}

.SephoraRegister .HeaderBg .HeaderMiddle .goSephoraLogin ul:hover li:nth-of-type(2) {
    border-left: 5px solid red
}

.SephoraRegister .BodyBg {
    float: left;
    width: 100%;
    min-width: 1190px;
    height: 804px;
    background: transparent url(../image/8c76c127651bcb197b73a2a6de16512d.png) no-repeat scroll 50% 0
}

.SephoraRegister .BodyBg .BodyMiddle {
    margin: auto;
    width: 1190px;
    height: 804px
}

.SephoraRegisterBodyMainForm {
    /*width: 730px;*/
    float: left
}

.SephoraRegisterBodyMainForm.ml80 {
    margin-left: 80px
}

.SephoraRegisterBodyMainForm .EmailStepFirst .helpEmail,.SephoraRegisterBodyMainForm .PhoneStepFirst .helpEmail {
    margin-left: 110px;
    margin-top: 30px;
    position: absolute;
    z-index: 9999;
    width: 296px;
    background-color: #fff;
    border: 1px solid #ccc
}

.SephoraRegisterBodyMainForm .EmailStepFirst .helpEmail ul li,.SephoraRegisterBodyMainForm .PhoneStepFirst .helpEmail ul li {
    width: 296px;
    height: 36px;
    line-height: 36px;
    text-indent: 16px
}

.SephoraRegisterBodyMainForm .EmailStepFirst .helpEmail ul li:hover,.SephoraRegisterBodyMainForm .PhoneStepFirst .helpEmail ul li:hover {
    cursor: pointer;
    background-color: #f5f5f5
}

.SephoraRegisterBodyMainForm .EmailStepFirst>p,.SephoraRegisterBodyMainForm .PhoneStepFirst>p {
    font-size: 14px;
    float: left;
    width: 100px;
    height: 32px;
    line-height: 32px;
    margin-right: 10px;
    margin-right: 10px;
    text-align: center
}

.SephoraRegisterBodyMainForm .EmailStepFirst .errorTip,.SephoraRegisterBodyMainForm .PhoneStepFirst .errorTip {
    float: left;
    width: 620px;
    margin-left: 110px;
    height: 34px;
    line-height: 24px
}

.SephoraRegisterBodyMainForm .EmailStepFirst .errorTip .errorRedIcon,.SephoraRegisterBodyMainForm .PhoneStepFirst .errorTip .errorRedIcon {
    float: left;
    margin: 5px 0 0;
    width: 14px;
    height: 14px;
    background-position: -38px -14px
}

.SephoraRegisterBodyMainForm .EmailStepFirst .errorTip span,.SephoraRegisterBodyMainForm .PhoneStepFirst .errorTip span {
    float: left;
    display: block;
    margin-left: 5px
}

.SephoraRegisterBodyMainForm .EmailStepFirst .errorTip span.errorFont,.SephoraRegisterBodyMainForm .PhoneStepFirst .errorTip span.errorFont {
    color: #f12526
}

.SephoraRegisterBodyMainForm .EmailStepFirst .validation-image,.SephoraRegisterBodyMainForm .PhoneStepFirst .validation-image {
    width: 120px;
    height: 32px;
    float: left;
    margin-left: 10px;
    cursor: pointer
}

.SephoraRegisterBodyMainForm .EmailStepFirst .confirmButton,.SephoraRegisterBodyMainForm .PhoneStepFirst .confirmButton {
    margin-left: 110px;
    width: 300px;
    height: 30px;
    line-height: 30px;
    background-color: #000;
    color: #fff;
    float: left;
    font-size: 14px;
    letter-spacing: 2px;
    text-align: center;
    cursor: pointer;
    transition: all .5s;
    -webkit-transition: all .5s
}

.SephoraRegisterBodyMainForm .EmailStepFirst .confirmButton:hover,.SephoraRegisterBodyMainForm .PhoneStepFirst .confirmButton:hover {
    background-color: #e00
}

.SephoraRegisterBodyMainForm .EmailStepFirst .confirmButton2,.SephoraRegisterBodyMainForm .PhoneStepFirst .confirmButton2 {
    margin-left: 110px;
    width: 300px;
    height: 30px;
    line-height: 30px;
    background-color: #999;
    color: #fff;
    float: left;
    font-size: 14px;
    letter-spacing: 2px;
    text-align: center
}

.SephoraRegisterBodyMainForm .EmailStepFirst .confirmButton3,.SephoraRegisterBodyMainForm .PhoneStepFirst .confirmButton3 {
    margin-left: 110px;
    width: 300px;
    height: 30px;
    float: left
}

.SephoraRegisterBodyMainForm .EmailStepFirst .readAndChange,.SephoraRegisterBodyMainForm .PhoneStepFirst .readAndChange {
    float: left;
    margin-left: 110px;
    width: 300px;
    height: 30px;
    line-height: 30px;
    color: #9d9d9d
}

.SephoraRegisterBodyMainForm .EmailStepFirst .readAndChange p,.SephoraRegisterBodyMainForm .PhoneStepFirst .readAndChange p {
    float: left;
    cursor: pointer
}

.SephoraRegisterBodyMainForm .EmailStepFirst .readAndChange p:hover,.SephoraRegisterBodyMainForm .PhoneStepFirst .readAndChange p:hover {
    color: red;
    text-decoration: underline
}

.SephoraRegisterBodyMainForm .EmailStepFirst .readAndChange ul,.SephoraRegisterBodyMainForm .PhoneStepFirst .readAndChange ul {
    float: right;
    cursor: pointer
}

.SephoraRegisterBodyMainForm .EmailStepFirst .readAndChange ul li,.SephoraRegisterBodyMainForm .PhoneStepFirst .readAndChange ul li {
    float: left
}

.SephoraRegisterBodyMainForm .EmailStepFirst .readAndChange ul li:first-of-type,.SephoraRegisterBodyMainForm .PhoneStepFirst .readAndChange ul li:first-of-type {
    color: #9d9d9d
}

.SephoraRegisterBodyMainForm .EmailStepFirst .readAndChange ul li:nth-of-type(2),.SephoraRegisterBodyMainForm .PhoneStepFirst .readAndChange ul li:nth-of-type(2) {
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-left: 5px solid #9d9d9d;
    border-bottom: 4px solid transparent;
    float: left;
    margin-top: 11px;
    margin-left: 2px
}

.SephoraRegisterBodyMainForm .EmailStepFirst .readAndChange ul:hover li:first-of-type,.SephoraRegisterBodyMainForm .PhoneStepFirst .readAndChange ul:hover li:first-of-type {
    color: red;
    text-decoration: underline
}

.SephoraRegisterBodyMainForm .EmailStepFirst .readAndChange ul:hover li:nth-of-type(2),.SephoraRegisterBodyMainForm .PhoneStepFirst .readAndChange ul:hover li:nth-of-type(2) {
    border-left: 5px solid red
}

.SephoraRegisterBodyMainForm .VipCardModule,.SephoraRegisterBodyMainForm .VipCardModuleSecond {
    width: 660px;
    margin-left: 70px;
    float: left
}

.SephoraRegisterBodyMainForm .VipCardModule .topText,.SephoraRegisterBodyMainForm .VipCardModuleSecond .topText {
    float: left;
    width: 660px;
    height: 60px;
    border-bottom: 1px solid #eee
}

.SephoraRegisterBodyMainForm .VipCardModule .topText .true,.SephoraRegisterBodyMainForm .VipCardModuleSecond .topText .true {
    background-image: url("../image/loginsSearchPassword_Bg.jpg");
    width: 34px;
    height: 32px;
    background-position: -80px -123px;
    margin-top: 10px;
    float: left
}

.SephoraRegisterBodyMainForm .VipCardModule .topText p,.SephoraRegisterBodyMainForm .VipCardModuleSecond .topText p {
    float: left;
    font-size: 21px;
    margin: 18px 0 0 10px
}

.SephoraRegisterBodyMainForm .VipCardModule .middleText,.SephoraRegisterBodyMainForm .VipCardModuleSecond .middleText {
    float: left;
    width: 660px;
    height: 50px;
    margin: 30px 0 0
}

.SephoraRegisterBodyMainForm .VipCardModule .middleText p:first-of-type,.SephoraRegisterBodyMainForm .VipCardModuleSecond .middleText p:first-of-type {
    font-size: 16px
}

.SephoraRegisterBodyMainForm .VipCardModule .middleText p:nth-of-type(2),.SephoraRegisterBodyMainForm .VipCardModuleSecond .middleText p:nth-of-type(2) {
    color: #9d9d9d;
    font-size: 14px;
    margin-top: 10px
}

.SephoraRegisterBodyMainForm .VipCardModule .cardArea,.SephoraRegisterBodyMainForm .VipCardModuleSecond .cardArea {
    width: 660px;
    float: left;
    margin-top: 10px
}

.SephoraRegisterBodyMainForm .VipCardModule .cardArea ul li,.SephoraRegisterBodyMainForm .VipCardModuleSecond .cardArea ul li {
    float: left;
    margin: 10px 10px 0 0;
    border: 1px solid #9d9d9d;
    width: 265px;
    height: 100px;
    cursor: pointer;
    background-color: #fff
}

.SephoraRegisterBodyMainForm .VipCardModule .cardArea ul li.first,.SephoraRegisterBodyMainForm .VipCardModuleSecond .cardArea ul li.first {
    border: 1px solid red
}

.SephoraRegisterBodyMainForm .VipCardModule .cardArea ul li.finally,.SephoraRegisterBodyMainForm .VipCardModuleSecond .cardArea ul li.finally {
    font-size: 16px;
    text-align: center;
    line-height: 100px;
    color: #4f4f4f
}

.SephoraRegisterBodyMainForm .VipCardModule .cardArea ul li:hover,.SephoraRegisterBodyMainForm .VipCardModuleSecond .cardArea ul li:hover {
    border: 1px solid #000
}

.SephoraRegisterBodyMainForm .VipCardModule .cardArea ul li .cardImage,.SephoraRegisterBodyMainForm .VipCardModuleSecond .cardArea ul li .cardImage {
    width: 32px;
    height: 20px;
    float: left;
    margin: 25px 0 0 20px
}

.SephoraRegisterBodyMainForm .VipCardModule .cardArea ul li .cardImage.gold,.SephoraRegisterBodyMainForm .VipCardModuleSecond .cardArea ul li .cardImage.gold {
    background-position: 0 0
}

.SephoraRegisterBodyMainForm .VipCardModule .cardArea ul li .cardImage.black,.SephoraRegisterBodyMainForm .VipCardModuleSecond .cardArea ul li .cardImage.black {
    background-position: 0 -20px
}

.SephoraRegisterBodyMainForm .VipCardModule .cardArea ul li .cardImage.white,.SephoraRegisterBodyMainForm .VipCardModuleSecond .cardArea ul li .cardImage.white {
    background-position: 0 -40px
}

.SephoraRegisterBodyMainForm .VipCardModule .cardArea ul li .cardImage.pink,.SephoraRegisterBodyMainForm .VipCardModuleSecond .cardArea ul li .cardImage.pink {
    background-position: 0 -60px
}

.SephoraRegisterBodyMainForm .VipCardModule .cardArea ul li .cardname,.SephoraRegisterBodyMainForm .VipCardModuleSecond .cardArea ul li .cardname {
    float: left;
    margin: 29px 0 0 10px;
    font-size: 16px
}

.SephoraRegisterBodyMainForm .VipCardModule .cardArea ul li .cardNumber,.SephoraRegisterBodyMainForm .VipCardModuleSecond .cardArea ul li .cardNumber {
    text-indent: 18px;
    clear: both;
    float: left;
    width: 164px;
    font-size: 12px;
    margin-top: 20px
}

.SephoraRegisterBodyMainForm .VipCardModule .cardArea ul li .cardNumber>span:first-of-type,.SephoraRegisterBodyMainForm .VipCardModuleSecond .cardArea ul li .cardNumber>span:first-of-type {
    color: #9d9d9d
}

.SephoraRegisterBodyMainForm .VipCardModule .cardArea ul li .cardNumber>span:nth-of-type(2),.SephoraRegisterBodyMainForm .VipCardModuleSecond .cardArea ul li .cardNumber>span:nth-of-type(2) {
    margin-left: 4px;
    color: #333
}

.SephoraRegisterBodyMainForm .VipCardModule .cardArea ul li .cardPoint,.SephoraRegisterBodyMainForm .VipCardModuleSecond .cardArea ul li .cardPoint {
    float: left;
    width: 94px;
    font-size: 12px;
    margin-top: 20px
}

.SephoraRegisterBodyMainForm .VipCardModule .cardArea ul li .cardPoint>span:first-of-type,.SephoraRegisterBodyMainForm .VipCardModuleSecond .cardArea ul li .cardPoint>span:first-of-type {
    color: #9d9d9d
}

.SephoraRegisterBodyMainForm .VipCardModule .cardArea ul li .cardPoint>span:nth-of-type(2),.SephoraRegisterBodyMainForm .VipCardModuleSecond .cardArea ul li .cardPoint>span:nth-of-type(2) {
    margin-left: 4px;
    color: #333
}

.SephoraRegisterBodyMainForm .VipCardModule .bottomText,.SephoraRegisterBodyMainForm .VipCardModuleSecond .bottomText {
    margin-top: 20px;
    font-size: 14px;
    float: left;
    width: 660px;
    height: 30px
}

.SephoraRegisterBodyMainForm .VipCardModule .bottomText .normal,.SephoraRegisterBodyMainForm .VipCardModuleSecond .bottomText .normal {
    float: left;
    color: #9d9d9d;
    height: 30px;
    line-height: 30px
}

.SephoraRegisterBodyMainForm .VipCardModule .bottomText .redText,.SephoraRegisterBodyMainForm .VipCardModuleSecond .bottomText .redText {
    height: 30px;
    line-height: 30px;
    margin-left: 5px;
    float: left;
    color: red
}

.SephoraRegisterBodyMainForm .VipCardModule .bottomText2,.SephoraRegisterBodyMainForm .VipCardModuleSecond .bottomText2 {
    margin-top: 20px;
    font-size: 14px;
    float: left;
    width: 570px;
    margin-left: 90px;
    height: 30px;
    line-height: 30px;
    color: #9d9d9d
}

.SephoraRegisterBodyMainForm .VipCardModule .bottomText2 .normal,.SephoraRegisterBodyMainForm .VipCardModuleSecond .bottomText2 .normal {
    float: left;
    color: #9d9d9d;
    height: 30px;
    line-height: 30px
}

.SephoraRegisterBodyMainForm .VipCardModule .bottomText2 .redText,.SephoraRegisterBodyMainForm .VipCardModuleSecond .bottomText2 .redText {
    height: 30px;
    line-height: 30px;
    margin-left: 5px;
    float: left;
    color: red
}

.SephoraRegisterBodyMainForm .VipCardModule .textInput,.SephoraRegisterBodyMainForm .VipCardModuleSecond .textInput {
    margin-top: 30px;
    width: 660px;
    float: left
}

.SephoraRegisterBodyMainForm .VipCardModule .textInput>p,.SephoraRegisterBodyMainForm .VipCardModuleSecond .textInput>p {
    font-size: 14px;
    float: left;
    width: 80px;
    height: 32px;
    line-height: 32px;
    text-align: right;
    margin-right: 10px
}

.SephoraRegisterBodyMainForm .VipCardModule .textInput .errorTip,.SephoraRegisterBodyMainForm .VipCardModuleSecond .textInput .errorTip {
    float: left;
    width: 580px;
    margin-left: 90px;
    height: 30px;
    line-height: 24px
}

.SephoraRegisterBodyMainForm .VipCardModule .textInput .errorTip .errorRedIcon,.SephoraRegisterBodyMainForm .VipCardModuleSecond .textInput .errorTip .errorRedIcon {
    float: left;
    margin: 5px 0 0;
    width: 14px;
    height: 14px;
    background-position: -38px -14px
}

.SephoraRegisterBodyMainForm .VipCardModule .textInput .errorTip span,.SephoraRegisterBodyMainForm .VipCardModuleSecond .textInput .errorTip span {
    float: left;
    display: block;
    margin-left: 5px
}

.SephoraRegisterBodyMainForm .VipCardModule .textInput .errorTip span.errorFont,.SephoraRegisterBodyMainForm .VipCardModuleSecond .textInput .errorTip span.errorFont {
    color: #f12526
}

.SephoraRegisterBodyMainForm .VipCardModule .textInput .confirmButton,.SephoraRegisterBodyMainForm .VipCardModuleSecond .textInput .confirmButton {
    float: left;
    margin-left: 90px;
    width: 140px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background-color: #000;
    text-align: center;
    cursor: pointer;
    transition: all .5s;
    -webkit-transition: all .5s
}

.SephoraRegisterBodyMainForm .VipCardModule .textInput .confirmButton:hover,.SephoraRegisterBodyMainForm .VipCardModuleSecond .textInput .confirmButton:hover {
    background-color: #e00
}

.SephoraRegisterBodyMainForm .VipCardModule .textInput .confirmButton2,.SephoraRegisterBodyMainForm .VipCardModuleSecond .textInput .confirmButton2 {
    float: left;
    margin-left: 90px;
    width: 140px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background-color: #999;
    text-align: center
}

.SephoraRegisterBodyMainForm .VipCardModule .textInput .confirmButton3,.SephoraRegisterBodyMainForm .VipCardModuleSecond .textInput .confirmButton3 {
    margin-left: 90px;
    width: 140px;
    height: 30px;
    float: left
}

.SephoraRegisterBodyMainForm .VipCardModule .textInput .returnButton,.SephoraRegisterBodyMainForm .VipCardModuleSecond .textInput .returnButton {
    float: left;
    margin-left: 14px;
    width: 140px;
    height: 30px;
    line-height: 30px;
    color: #666;
    background-color: #f0f0f0;
    text-align: center;
    cursor: pointer;
    transition: all .5s;
    -webkit-transition: all .5s
}

.SephoraRegisterBodyMainForm .VipCardModule .textInput .returnButton:hover,.SephoraRegisterBodyMainForm .VipCardModuleSecond .textInput .returnButton:hover {
    background-color: #e00;
    color: #fff
}

.SephoraRegisterBodyMainForm .EmailStepSecond,.SephoraRegisterBodyMainForm .EmailStepThird {
    width: 550px;
    float: left;
    margin-top: 20px
}

.SephoraRegisterBodyMainForm .EmailStepSecond>.rightArrow,.SephoraRegisterBodyMainForm .EmailStepThird>.rightArrow {
    float: left;
    margin: 10px 0 30px 246px;
    width: 58px;
    height: 56px;
    background-image: url("../image/loginSearchPassword_icon.png");
    background-position: -80px 0
}

.SephoraRegisterBodyMainForm .EmailStepSecond>.title,.SephoraRegisterBodyMainForm .EmailStepThird>.title {
    width: 550px;
    float: left;
    margin-bottom: 18px
}

.SephoraRegisterBodyMainForm .EmailStepSecond>.title>p,.SephoraRegisterBodyMainForm .EmailStepThird>.title>p {
    text-align: center;
    margin: auto;
    font-size: 18px;
    font-weight: 400
}

.SephoraRegisterBodyMainForm .EmailStepSecond>.title>p>span,.SephoraRegisterBodyMainForm .EmailStepThird>.title>p>span {
    font-weight: 600
}

.SephoraRegisterBodyMainForm .EmailStepSecond>.subtitle,.SephoraRegisterBodyMainForm .EmailStepThird>.subtitle {
    width: 550px;
    float: left;
    text-align: center;
    font-size: 14px;
    color: #999;
    margin-bottom: 30px
}

.SephoraRegisterBodyMainForm .EmailStepSecond>.line,.SephoraRegisterBodyMainForm .EmailStepThird>.line {
    width: 525px;
    float: left;
    margin: 0 0 30px 13px;
    height: 1px;
    background-color: #eee
}

.SephoraRegisterBodyMainForm .EmailStepSecond>.subtitle2,.SephoraRegisterBodyMainForm .EmailStepThird>.subtitle2 {
    width: 550px;
    float: left;
    text-align: center;
    font-size: 14px;
    color: #000;
    margin-bottom: 11px
}

.SephoraRegisterBodyMainForm .EmailStepSecond>.subtitle3,.SephoraRegisterBodyMainForm .EmailStepThird>.subtitle3 {
    width: 550px;
    float: left;
    text-align: center;
    font-size: 12px;
    color: #999;
    margin-bottom: 20px
}

.SephoraRegisterBodyMainForm .EmailStepSecond>.confirmButton,.SephoraRegisterBodyMainForm .EmailStepThird>.confirmButton {
    float: left;
    width: 130px;
    height: 30px;
    line-height: 30px;
    background-color: #000;
    color: #fff;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    margin: 0 0 0 210px
}

.SephoraRegisterBodyMainForm .EmailStepSecond>.goButton,.SephoraRegisterBodyMainForm .EmailStepThird>.goButton {
    width: 550px;
    float: left;
    height: 16px
}

.SephoraRegisterBodyMainForm .EmailStepSecond>.goButton>p,.SephoraRegisterBodyMainForm .EmailStepThird>.goButton>p {
    float: left;
    font-size: 14px;
    color: #474747;
    height: 16px;
    line-height: 16px
}

.SephoraRegisterBodyMainForm .EmailStepSecond>.goButton>p:hover,.SephoraRegisterBodyMainForm .EmailStepThird>.goButton>p:hover {
    cursor: pointer;
    color: #e00;
    text-decoration: underline
}

.SephoraRegisterBodyMainForm .EmailStepSecond>.goButton>p:first-of-type,.SephoraRegisterBodyMainForm .EmailStepThird>.goButton>p:first-of-type {
    margin-left: 165px
}

.SephoraRegisterBodyMainForm .EmailStepSecond>.goButton>p:nth-of-type(2),.SephoraRegisterBodyMainForm .EmailStepThird>.goButton>p:nth-of-type(2) {
    margin-left: 68px
}

.SephoraRegisterBodyMainForm .EmailStepSecond>.goButton>.arrowRight,.SephoraRegisterBodyMainForm .EmailStepThird>.goButton>.arrowRight {
    background-image: url("../image/loginSearchPassword_icon.png");
    background-position: -85px -73px;
    float: left;
    width: 6px;
    height: 10px;
    margin: 3px 0 0 10px
}

.SepConfirmAjaxCard .bg {
    opacity: .6;
    filter: alpha(opacity=60);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)"
}

.SepConfirmAjaxCard .center .no .picture .image {
    width: 40px;
    height: 40px;
    background-position: -80px -83px
}

.SepConfirmAjaxCard .center .no .tip p {
    color: #000;
    height: 30px;
    line-height: 30px;
    float: left
}

.SepConfirmAjaxCard .center .no .tip p.first {
    margin-left: 30px
}

.SepConfirmAjaxCard .center .no .tip p.second {
    margin-left: 5px
}

.SepConfirmAjaxCard .center .no .tip p.red {
    margin-left: 5px;
    height: 30px;
    line-height: 30px;
    float: left;
    color: red
}

.SepConfirmAjaxCard .center .no .line {
    margin-top: 10px
}

.SepConfirmAjaxCard .center .no .buttonBg {
    float: left;
    width: 360px;
    height: 30px;
    margin-top: 30px
}

.SepConfirmAjaxCard .center .no .buttonBg .confirm {
    float: left;
    width: 100px;
    height: 30px;
    line-height: 30px;
    background-color: #000;
    color: #fff;
    font-size: 12px;
    text-align: center;
    margin-left: 70px;
    cursor: pointer;
    transition: all .5s;
    -webkit-transition: all .5s
}

.SepConfirmAjaxCard .center .no .buttonBg .confirm:hover {
    background-color: #e00
}

.SepConfirmAjaxCard .center .no .buttonBg .cancel {
    float: left;
    width: 100px;
    height: 30px;
    line-height: 30px;
    background-color: #f0f0f0;
    color: #000;
    font-size: 12px;
    text-align: center;
    margin-left: 20px;
    cursor: pointer;
    transition: all .5s;
    -webkit-transition: all .5s
}

.SepConfirmAjaxCard .center .no .buttonBg .cancel:hover {
    background-color: #e00;
    color: #fff
}

.validation-image {
    display: inline-block;
    margin-left: 20px;
    width: 120px;
    height: 32px;
    cursor: pointer
}

.birthday-select {
    display: inline-block;
    height: 30px;
    line-height: 30px
}

.birthday-select .select-birthday-select {
    width: 200px;
    height: 30px;
    margin-right: 10px
}

.birthday-select>span {
    padding: 0 10px;
    vertical-align: middle;
    font-size: 14px;
    color: #0f0f0f
}

.login-member-main {
    margin: 64px 0 0 80px
}

.login-member-main .card-select-btns {
    margin: 0 120px
}

.login-member-main .card-select-container {
    width: 626px;
    max-height: 400px;
    overflow-y: auto;
    margin-left: 0
}

.login-member-main .card-display-area {
    height: auto
}

.login-member-main .popup-ui-container .avoid-overflow {
    display: table
}

.login-member-main .popup-ui-container .popup-body {
    padding-top: 100px;
    width: 440px;
    height: 300px;
    box-sizing: border-box
}

.login-member-main .popup-ui-container .popup-body .popup-checked {
    float: none;
    margin: 0 auto 30px;
    width: 57px;
    height: 57px;
    background-position: -80px 0
}

.login-member-main .popup-ui-container .popup-body .popup-msg {
    font-size: 18px;
    color: #000;
    text-align: center
}

.login-member-main .popup-ui-container .popup-body-confirm {
    padding-top: 57px;
    width: 440px;
    height: 300px;
    box-sizing: border-box
}

.login-member-main .popup-ui-container .popup-body-confirm .popup-warn {
    float: none;
    margin: 0 auto 20px;
    width: 40px;
    height: 40px;
    background-position: -80px -83px
}

.login-member-main .popup-ui-container .popup-body-confirm .popup-msg {
    font-size: 18px;
    color: #000;
    text-align: center
}

.login-member-main .popup-ui-container .popup-body-confirm .line {
    margin: 0 auto;
    width: 40px;
    height: 20px;
    border-bottom: 1px solid #858585
}

.login-member-main .popup-ui-container .popup-body-confirm .card-select-btns {
    width: 240px;
    margin: 40px auto
}

.login-member-main .popup-ui-container .popup-body-confirm .card-select-btns .btn-black {
    width: 100px;
    margin-right: 40px
}

.login-member-main .popup-ui-container .popup-body-confirm .card-select-btns .btn-gray {
    width: 100px
}

.form-row {
    height: 32px;
    line-height: 32px
}

.form-row.sex input {
    width: 14px;
    height: 14px;
    margin-right: 4px;
    vertical-align: middle
}

.form-row.sex input .tip-female {
    margin-right: 15px
}

.form-row div {
    display: inline-block
}

.form-row .error-tips {
    margin-left: 120px
}

.row-key {
    float: left;
    margin-right: 20px;
    width: 100px;
    text-align: right;
    font-size: 14px;
    color: #000
}

.form-row.confirm-btn {
    margin-left: 120px
}

.form-row.confirm-btn .btn-black,.form-row.confirm-btn .btn-gray {
    color: #fff;
    width: 340px;
    height: 32px;
    line-height: 32px
}

.form-row.confirm-btn .btn-gray {
    background: #999
}

.main-tips {
    margin: 10px 0 0;
    width: 626px;
    height: 50px;
    padding-bottom: 25px;
    border-bottom: 1px solid #eee
}

.icon-checked {
    float: left;
    margin-top: 3px;
    width: 34px;
    height: 34px;
    background-position: -80px -123px
}

.main-tips p {
    float: left;
    padding-left: 20px;
    margin-bottom: 10px;
    width: 570px;
    font-size: 18px;
    color: #000
}

.main-tips p.only-tip {
    margin-top: 10px
}

.main-tips p.msg-gray {
    font-size: 14px;
    color: #666
}

.secondary-tips {
    margin: 30px 0 25px
}

.secondary-tips p {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    margin-bottom: 10px
}

.secondary-tips p.msg-gray {
    font-size: 12px;
    font-weight: 400;
    color: #858585
}

.login-member-main .bottom-tips {
    margin: 25px 0 0 120px;
    line-height: 25px;
    font-size: 14px;
    color: #858585
}

.login-member-main .bottom-tips span {
    display: block
}

.login-member-main .bottom-tips .red {
    color: #e00;
    font-weight: 600px
}

.login-member-main .bottom-tips.bind-tips {
    margin-left: 0
}

.login-member-main .bottom-tips.bind-tips span {
    font-size: 12px;
    display: inline-block
}

.login-member-main .get-pink-card {
    width: 600px;
    margin: 30px 0 0;
    padding-top: 20px;
    border-top: 1px solid #eee;
    font-size: 14px;
    color: #474747
}

.login-member-main .get-pink-card>div {
    position: relative;
    margin-left: 0;
    width: 70px;
    cursor: pointer
}

.login-member-main .get-pink-card>div:hover {
    color: #e00
}

.login-member-main .get-pink-card>div .triangle {
    position: absolute;
    top: 3px;
    left: 65px;
    border: 5px solid transparent;
    border-left: 5px solid #474747
}

.login-member-main .login-member-profile .tip-male {
    margin-right: 10px
}

.login-member-main .login-member-profile .bottom-tips .red,.login-member-main .login-member-profile .bottom-tips span {
    margin-right: 10px;
    display: inline-block
}

.SepConfirmAjaxCard .bg {
    position: fixed;
    opacity: .5;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 200;
    background-color: #000
}

.SepConfirmAjaxCard .center {
    width: 360px;
    height: 240px;
    top: 50%;
    left: 50%;
    margin-top: -120px;
    margin-left: -180px;
    background-color: #fff;
    z-index: 201;
    position: fixed
}

.SepConfirmAjaxCard .center .no {
    width: 360px;
    height: 40px;
    float: left
}

.SepConfirmAjaxCard .center .no .hideModule {
    cursor: pointer;
    float: right;
    margin-right: 10px;
    margin-top: 12px;
    width: 17px;
    height: 17px;
    background-image: url("http://runtdyf.com/soa/images/loginSearchPassword_icon.png");
    background-position: -80px -56px
}

.SepConfirmAjaxCard .center .no .picture {
    margin-top: 15px;
    float: left;
    width: 360px;
    height: 40px
}

.SepConfirmAjaxCard .center .no .picture .image {
    margin: auto;
    width: 34px;
    height: 32px;
    background-image: url("http://runtdyf.com/soa/images/loginSearchPassword_icon.png");
    background-position: -80px -123px
}

.SepConfirmAjaxCard .center .no .tip {
    width: 360px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    text-align: center;
    float: left;
    margin-top: 10px
}

.SepConfirmAjaxCard .center .no .tip span {
    color: red
}

.SepConfirmAjaxCard .center .no .line {
    width: 30px;
    height: 2px;
    background-color: #9d9d9d;
    float: left;
    margin-left: 165px;
    margin-top: 20px
}

.SepConfirmAjaxCard .center .no .textOne {
    width: 360px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #9e9e9e;
    font-size: 12px;
    float: left;
    margin-top: 20px
}

.SepConfirmAjaxCard .center .no .textOne.red {
    color: red;
    margin-top: 2px
}

.sephoraLoginSearchPassword .HeaderBg {
    width: 100%;
    float: left;
    height: 89px;
    background-color: #fff
}

.sephoraLoginSearchPassword .HeaderBg .HeaderMiddle {
    margin: auto;
    width: 1190px;
    height: 89px;
    background-color: #fff
}

.sephoraLoginSearchPassword .HeaderBg .HeaderMiddle .HeaderLogo {
    width: 250px;
    height: 33px;
    margin: 28px 0 0;
    float: left;
    cursor: pointer;
    background-image: url(../image/search_logo.png);
}

.sephoraLoginSearchPassword .HeaderBg .HeaderMiddle span {
    float: left;
    display: block;
    font-size: 16px;
    letter-spacing: 1px;
    color: #333;
    margin: 45px 0 0 30px
}

.sephoraLoginSearchPassword .BodyBg {
    float: left;
    width: 100%;
    min-width: 1190px;
    height: 804px;
    background: transparent url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/loginsSearchPassword_Bg.jpg) no-repeat scroll 50% 0
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle {
    margin: auto;
    width: 1190px;
    height: 804px
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepsBg {
    float: left;
    margin: 100px 0 0 90px;
    height: 70px
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepsBg .step {
    float: left;
    width: 100px;
    height: 70px
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepsBg .step .Image {
    float: left;
    width: 80px;
    height: 44px;
    margin: 0 10px;
    background-image: url("http://runtdyf.com/soa/images/loginSearchPassword_icon.png")
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepsBg .step .Image.first {
    background-position: 0 0
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepsBg .step .Image.second {
    background-position: 0 -44px
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepsBg .step .Image.third {
    background-position: 0 -88px
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepsBg .step .Image.forth {
    background-position: 0 -132px
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepsBg .step p {
    float: left;
    width: 100px;
    height: 30px;
    line-height: 30px;
    color: #b4b4b4;
    text-align: center
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepsBg .step p.now {
    color: #000
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepsBg .rightArraw {
    float: left;
    width: 5px;
    height: 8px;
    margin: 57px 20px 0;
    background-image: url("http://runtdyf.com/soa/images/loginSearchPassword_icon.png");
    background-position: -80px -73px
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg {
    float: left;
    clear: both;
    width: 500px;
    margin: 0 0 0 100px
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .stepOne>p {
    float: left;
    font-size: 14px;
    width: 70px;
    text-align: right;
    height: 32px;
    line-height: 32px;
    margin-right: 10px;
    clear: both
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .stepOne .validation-image {
    cursor: pointer;
    float: left;
    width: 110px;
    height: 32px;
    margin: 0 0 0 10px
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .stepOne .confirmButton {
    margin: 5px 0 0 80px;
    float: left;
    width: 300px;
    height: 36px;
    line-height: 36px;
    background-color: #000;
    color: #fff;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    transition: all .5s;
    -webkit-transition: all .5s
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .stepOne .confirmButton:hover {
    background-color: #e00
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .stepOne .confirmButton2 {
    margin: 5px 0 0 80px;
    float: left;
    width: 300px;
    height: 36px;
    line-height: 36px;
    background-color: #999;
    color: #fff;
    font-size: 14px;
    text-align: center
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .stepOne .confirmButton3 {
    margin: 5px 0 0 80px;
    float: left;
    width: 300px;
    height: 36px
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .stepOne .errTips {
    float: left;
    font-size: 14px;
    width: 440px;
    height: 34px;
    line-height: 24px;
    color: #f12526
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .stepOne .errTips .errorRedIcon {
    float: left;
    margin: 5px 0 0 60px;
    width: 14px;
    height: 14px;
    background-position: -38px -14px
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .stepOne .errTips span {
    float: left;
    display: block;
    margin-left: 5px
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .stepOne .errTips span.errorFont {
    color: #f12526
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .email-stepTwo .module,.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .phone-stepTwo .module {
    float: left;
    width: 540px;
    height: 50px
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .email-stepTwo .module.second,.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .phone-stepTwo .module.second {
    height: 32px
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .email-stepTwo .module>p,.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .phone-stepTwo .module>p {
    float: left;
    font-size: 14px;
    width: 90px;
    text-align: right;
    height: 50px;
    line-height: 50px;
    margin-right: 10px
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .email-stepTwo .module>p.textL,.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .phone-stepTwo .module>p.textL {
    text-align: left
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .email-stepTwo .module>p.eather,.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .phone-stepTwo .module>p.eather {
    height: 32px;
    line-height: 32px
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .email-stepTwo .module .icon-good,.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .phone-stepTwo .module .icon-good {
    width: 18px;
    height: 18px;
    float: left;
    margin: 15px 0 0;
    background-position: -20px 0
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .email-stepTwo .errTips,.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .phone-stepTwo .errTips {
    float: left;
    font-size: 14px;
    width: 400px;
    height: 34px;
    line-height: 24px;
    color: #f12526;
    margin-left: 100px
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .email-stepTwo .errTips .errorRedIcon,.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .phone-stepTwo .errTips .errorRedIcon {
    float: left;
    margin: 5px 0 0;
    width: 14px;
    height: 14px;
    background-position: -38px -14px
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .email-stepTwo .errTips span,.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .phone-stepTwo .errTips span {
    float: left;
    display: block;
    margin-left: 5px
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .email-stepTwo .errTips span.errorFont,.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .phone-stepTwo .errTips span.errorFont {
    color: #f12526
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .email-stepTwo .confirmButton,.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .phone-stepTwo .confirmButton {
    margin: 5px 0 0 100px;
    float: left;
    width: 300px;
    height: 36px;
    line-height: 36px;
    background-color: #000;
    color: #fff;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    transition: all .5s;
    -webkit-transition: all .5s
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .email-stepTwo .confirmButton:hover,.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .phone-stepTwo .confirmButton:hover {
    background-color: #e00
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .email-stepTwo .confirmButton2,.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .phone-stepTwo .confirmButton2 {
    margin: 5px 0 0 100px;
    float: left;
    width: 300px;
    height: 36px;
    line-height: 36px;
    background-color: #999;
    color: #fff;
    font-size: 16px;
    text-align: center
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .email-stepTwo .confirmButton3,.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .phone-stepTwo .confirmButton3 {
    margin: 5px 0 0 100px;
    float: left;
    width: 300px;
    height: 36px
}

.sephoraLoginSearchPassword {
    width: 100%
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .stepThree .module {
    float: left;
    width: 500px;
    height: 32px
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .stepThree .module.first {
    margin-top: 30px
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .stepThree .module>p {
    float: left;
    font-size: 14px;
    width: 70px;
    text-align: right;
    height: 32px;
    line-height: 32px;
    margin-right: 10px;
    clear: both
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .stepThree .errorTip {
    float: left;
    font-size: 14px;
    width: 420px;
    height: 34px;
    line-height: 24px;
    color: #f12526;
    margin-left: 80px
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .stepThree .errorTip .errorRedIcon {
    float: left;
    margin: 5px 0 0;
    width: 14px;
    height: 14px;
    background-position: -38px -14px
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .stepThree .errorTip span {
    float: left;
    display: block;
    margin-left: 5px
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .stepThree .errorTip span.errorFont {
    color: #f12526
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .stepThree .confirmButton {
    margin: 5px 0 0 80px;
    float: left;
    width: 300px;
    height: 36px;
    line-height: 36px;
    background-color: #000;
    color: #fff;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    transition: all .5s;
    -webkit-transition: all .5s
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .stepThree .confirmButton:hover {
    background-color: #e00
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .stepThree .confirmButton2 {
    margin: 5px 0 0 80px;
    float: left;
    width: 300px;
    height: 36px;
    line-height: 36px;
    background-color: #999;
    color: #fff;
    font-size: 14px;
    text-align: center
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .stepThree .confirmButton3 {
    margin: 5px 0 0 80px;
    float: left;
    width: 300px;
    height: 36px
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .stepFour .rightImageBg {
    float: left;
    width: 300px;
    height: 56px;
    margin-top: 70px
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .stepFour .rightImageBg .right {
    margin: auto;
    width: 58px;
    height: 56px;
    background-image: url("http://runtdyf.com/soa/images/loginSearchPassword_icon.png");
    background-position: -80px 0
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .stepFour .textOne {
    float: left;
    width: 300px;
    height: 30px;
    line-height: 30px;
    color: #656565;
    font-size: 14px;
    text-align: center;
    margin-top: 30px
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .stepFour .textTwo {
    float: left;
    width: 300px;
    height: 30px;
    color: #656565;
    margin-top: 10px
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .stepFour .textTwo ul {
    cursor: pointer
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .stepFour .textTwo ul .return {
    margin-left: 120px;
    font-size: 14px;
    float: left;
    height: 30px;
    line-height: 30px;
    color: #656565
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .stepFour .textTwo ul .arrowImage {
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-left: 5px solid #656565;
    border-bottom: 4px solid transparent;
    float: left;
    margin: 11px 0 0 10px
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .stepFour .textTwo ul:hover {
    cursor: pointer
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .stepFour .textTwo ul:hover .return {
    text-decoration: underline;
    color: red
}

.sephoraLoginSearchPassword .BodyBg .BodyMiddle .stepModuleBg .stepFour .textTwo ul:hover .arrowImage {
    border-left: 5px solid red
}

.SephoraMyAccountIndex,.SephoraMyAccountIndex .body {
    width: 100%;
    background-color: #fff
}

.SephoraMyAccountIndex .body {
    margin: 30px 0;
    float: left
}

.SephoraMyAccountIndex .body .centerMain {
    margin: auto;
    width: 1190px;
    background-color: #fff
}

.SephoraMyAccountIndex .body .centerMain .leftTree {
    width: 180px;
    float: left
}

.SephoraMyAccountIndex .body .centerMain .leftTree .title {
    width: 100%;
    font-size: 16px;
    color: #000;
    height: 35px;
    letter-spacing: 2px;
    border-bottom: 1px solid #000;
    cursor: pointer
}

.SephoraMyAccountIndex .body .centerMain .rightBg {
    width: 950px;
    float: left;
    margin-left: 59px
}

.SephoraMyAccountIndex .body .centerMain .rightBg>.title {
    width: 890px;
    margin-left: 60px;
    font-size: 16px;
    color: #333;
    height: 35px;
    letter-spacing: 2px;
    border-bottom: 1px solid #000
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain {
    border-left: 1px solid #ccc;
    float: left;
    width: 950px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora {
    float: left;
    margin-left: 60px;
    width: 890px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora>.name {
    float: left;
    margin-top: 20px;
    width: 240px;
    height: 130px;
    background-color: #fafafa
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora>.name>.userPicture {
    float: left;
    border-radius: 100px;
    margin: 25px 14px 0
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora>.name>.text {
    float: left;
    width: 130px;
    height: 130px;
    display: table;
    overflow: hidden
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora>.name>.text>.middle {
    display: table-cell;
    vertical-align: middle
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora>.name>.text>.middle>p {
    font-size: 18px;
    letter-spacing: 1px;
    word-break: break-all;
    width: 130px;
    cursor: pointer
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .card {
    float: left;
    margin: 20px 0 0 10px;
    width: 640px;
    height: 130px;
    background-color: #fafafa
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .card .cardType {
    float: left;
    margin: 26px 0 0 25px;
    width: 120px;
    height: 77px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .card .cardType.black {
    background-position: 0 0
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .card .cardType.gold {
    background-position: 0 -77px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .card .cardType.pink {
    background-position: 0 -154px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .card .cardType.white {
    background-position: 0 -231px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .card .cardNo {
    width: 150px;
    height: 130px;
    float: left;
    margin-left: 25px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .card .cardNo>p:first-of-type {
    font-size: 14px;
    margin-top: 26px;
    float: left;
    width: 100%;
    height: 20px;
    line-height: 20px;
    color: #333
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .card .cardNo>p:nth-of-type(2) {
    margin-top: 10px;
    float: left;
    font-size: 18px;
    width: 100%;
    height: 28px;
    line-height: 28px;
    color: #000
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .card .cardLevelUp {
    margin-left: 10px;
    float: left
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .card .cardLevelUp>p:first-of-type {
    margin-top: 26px;
    float: left;
    width: 100%;
    height: 20px;
    line-height: 20px;
    color: #333;
    font-size: 14px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .card .cardLevelUp .main {
    float: left;
    clear: both;
    margin-top: 10px;
    width: 100%
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .card .cardLevelUp .main>p:first-of-type {
    font-size: 18px;
    float: left;
    height: 28px;
    line-height: 28px;
    color: #000
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .card .cardLevelUp .main>p:nth-of-type(2) {
    margin-left: 5px;
    float: left;
    font-size: 18px;
    height: 28px;
    line-height: 28px;
    color: #797979
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .card .cardLevelUp .main .redCircle {
    margin: 8px 0 0 5px;
    float: left;
    background-color: red;
    width: 4px;
    height: 4px;
    border-radius: 4px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .card .cardLevelUp .main>p:nth-of-type(3) {
    margin-left: 1px;
    margin-top: 10px;
    float: left;
    font-size: 12px;
    height: 14px;
    line-height: 14px;
    color: #797979
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .card .cardLevelUp .main>p:nth-of-type(4) {
    margin-left: 2px;
    margin-top: 10px;
    float: left;
    font-size: 12px;
    height: 14px;
    line-height: 14px;
    color: #000
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .card .cardLevelUp .main>p:nth-of-type(5) {
    margin-left: 2px;
    margin-top: 10px;
    float: left;
    font-size: 12px;
    height: 14px;
    line-height: 14px;
    color: #797979
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .card .cardLevelUp .perfectUser {
    float: left;
    clear: both;
    margin-top: 10px;
    width: 100%
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .card .cardLevelUp .perfectUser>p {
    float: left;
    font-size: 12px;
    height: 20px;
    line-height: 20px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .card .cardLevelUp .perfectUser>p.one {
    text-decoration: underline;
    color: #797979
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .card .cardLevelUp .perfectUser>p.one:hover {
    cursor: pointer;
    color: red
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .card .cardLevelUp .perfectUser>p.two {
    color: #797979
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .card .cardLevelUp .perfectUser>p.three {
    font-size: 14px;
    color: #000
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .card .cardLevelUp .perfectUser>p.four {
    color: #797979
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .card .cardLevelUp>.changeCard {
    font-size: 14px;
    position: absolute;
    margin: 28px 0 0 200px;
    color: #666;
    text-decoration: underline;
    cursor: pointer
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .pointAndDiscount {
    margin-top: 10px;
    float: left;
    width: 520px;
    height: 125px;
    background-color: #fafafa
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .pointAndDiscount .MyDiscount,.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .pointAndDiscount .point {
    float: left;
    width: 150px;
    height: 125px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .pointAndDiscount .MyDiscount>p:first-of-type,.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .pointAndDiscount .point>p:first-of-type {
    text-indent: 35px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #333;
    margin-top: 15px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .pointAndDiscount .MyDiscount>ul,.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .pointAndDiscount .point>ul {
    margin-top: 25px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .pointAndDiscount .MyDiscount>ul li,.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .pointAndDiscount .point>ul li {
    height: 28px;
    line-height: 28px;
    font-size: 18px;
    float: left
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .pointAndDiscount .MyDiscount>ul li:first-of-type,.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .pointAndDiscount .point>ul li:first-of-type {
    text-indent: 35px;
    color: #000
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .pointAndDiscount .MyDiscount>ul li:nth-of-type(3),.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .pointAndDiscount .point>ul li:nth-of-type(3) {
    color: #797979
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .pointAndDiscount .MyDiscount>ul:hover,.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .pointAndDiscount .point>ul:hover {
    cursor: pointer
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .pointAndDiscount .MyDiscount>ul:hover li,.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .pointAndDiscount .point>ul:hover li {
    color: red;
    text-decoration: underline
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .pointAndDiscount .nextCoupons {
    float: left;
    width: 220px;
    height: 125px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .pointAndDiscount .nextCoupons>p:first-of-type {
    margin-top: 14px;
    width: 100%;
    height: 20px;
    line-height: 20px;
    float: left;
    color: #797979
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .pointAndDiscount .nextCoupons>p:nth-of-type(2) {
    width: 100%;
    height: 16px;
    line-height: 16px;
    float: left;
    text-indent: 95px;
    color: #797979
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .pointAndDiscount .nextCoupons .nextMain {
    width: 220px;
    float: left;
    clear: both
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .pointAndDiscount .nextCoupons .nextMain>p:first-of-type {
    height: 18px;
    line-height: 18px;
    float: left;
    color: #797979
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .pointAndDiscount .nextCoupons .nextMain>p:nth-of-type(2) {
    height: 18px;
    line-height: 18px;
    float: left;
    font-size: 14px;
    color: #000
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .pointAndDiscount .nextCoupons .nextMain>p:nth-of-type(2).ml60 {
    margin-left: 60px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .pointAndDiscount .nextCoupons .nextMain>p:nth-of-type(2).ml35 {
    margin-left: 35px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .pointAndDiscount .nextCoupons .nextMain>p:nth-of-type(3) {
    margin-left: 3px;
    height: 18px;
    line-height: 18px;
    float: left;
    color: #797979
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .orderRemind {
    margin: 10px 0 0 10px;
    float: left;
    width: 360px;
    height: 125px;
    background-color: #fafafa
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .orderRemind>p:first-of-type {
    text-indent: 35px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #333;
    margin-top: 15px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .orderRemind .model {
    float: left;
    width: 180px;
    height: 30px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .orderRemind .model.mt3 {
    margin-top: 3px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .orderRemind .model>p {
    text-indent: 35px;
    float: left;
    height: 30px;
    line-height: 30px;
    color: #797979
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .orderRemind .model>ul li {
    float: left;
    height: 30px;
    line-height: 30px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .orderRemind .model>ul li:first-of-type {
    margin-left: 30px;
    color: red;
    font-size: 14px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .orderRemind .model>ul li:nth-of-type(3) {
    color: #797979
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .orderRemind .model>ul:hover {
    cursor: pointer
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .orderRemind .model>ul:hover li {
    color: red;
    text-decoration: underline
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .hasPhoneBox>.bg {
    position: fixed;
    opacity: .7;
    filter: alpha(opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2000;
    background-color: #000
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .hasPhoneBox>.center {
    background-color: #fff;
    position: fixed;
    width: 440px;
    height: 300px;
    top: 50%;
    left: 50%;
    margin-left: -220px;
    margin-top: -150px;
    z-index: 2001
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .hasPhoneBox>.center>.closeIcon {
    width: 16px;
    height: 16px;
    background-position: -40px 0;
    float: right;
    margin: 15px 15px 0 0;
    cursor: pointer
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .hasPhoneBox>.center>.iconBg {
    width: 100%;
    height: 40px;
    float: left;
    margin-top: 44px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .hasPhoneBox>.center>.iconBg>.icon {
    width: 40px;
    height: 40px;
    margin-left: 200px;
    float: left;
    background-position: 0 0
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .hasPhoneBox>.center>.text {
    float: left;
    width: 240px;
    margin: 35px 0 0 105px;
    color: #000;
    font-size: 18px;
    letter-spacing: 1px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .hasPhoneBox>.center>.text>p {
    float: left
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .hasPhoneBox>.center>.text>p:first-of-type {
    margin-left: 20px;
    margin-bottom: 10px;
    letter-spacing: 1px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .hasPhoneBox>.center>.text>p:nth-of-type(2) {
    margin-left: 10px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMySephora .hasPhoneBox>.center>.text>p:nth-of-type(3) {
    color: #f10f0f;
    margin: 0 2px;
    letter-spacing: 0;
    font-size: 17px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyCoupons {
    float: left;
    margin-top: 30px;
    margin-left: 60px;
    width: 890px;
    background-color: #fff
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyCoupons>.title {
    width: 890px;
    font-size: 16px;
    color: #333;
    height: 35px;
    letter-spacing: 2px;
    border-bottom: 1px solid #000
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyCoupons .changePictureMain {
    position: relative;
    float: left;
    width: 890px;
    height: 108px;
    margin-top: 30px;
    overflow: hidden
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyCoupons .changePictureMain>div.box {
    position: absolute
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyCoupons .changePictureMain>div.move {
    transition: margin-left 1.5s ease;
    -webkit-transition: margin-left 1.5s ease
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyCoupons .changePictureMain>div>ul {
    display: inline-block;
    width: 9999999px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyCoupons .changePictureMain>div>ul li {
    float: left;
    width: 214px;
    height: 108px;
    margin: 0 4px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyCoupons .changePictureMain>div>ul li.pinkBg {
    background-position: -120px 0
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyCoupons .changePictureMain>div>ul li.grayBg {
    background-position: -120px -108px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyCoupons .changePictureMain>div>ul li>.logo {
    margin: 20px 0 0 10px;
    width: 12px;
    height: 69px;
    float: left;
    background-position: -120px -216px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyCoupons .changePictureMain>div>ul li .money {
    margin-top: 20px;
    float: left;
    width: 192px;
    height: 34px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyCoupons .changePictureMain>div>ul li .money>p {
    color: #fff;
    float: left
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyCoupons .changePictureMain>div>ul li .money>p.displayType1 {
    margin-left: 5px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyCoupons .changePictureMain>div>ul li .money>p.displayType1_1 {
    margin-left: 5px;
    height: 34px;
    line-height: 34px;
    font-size: 30px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyCoupons .changePictureMain>div>ul li .money>p.displayType1_1.fontShort {
    font-size: 18px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyCoupons .changePictureMain>div>ul li .money>p.displayType1_2 {
    margin-left: 10px;
    margin-top: 14px;
    font-size: 14px;
    letter-spacing: 1px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyCoupons .changePictureMain>div>ul li .money>p.displayType1_2.reduceMl {
    margin-left: 2px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyCoupons .changePictureMain>div>ul li .money>p.displayType1_2.ft18 {
    margin-left: 6px;
    font-size: 18px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyCoupons .changePictureMain>div>ul li .rule,.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyCoupons .changePictureMain>div>ul li .time {
    float: left;
    width: 192px;
    font-size: 10px;
    color: #fff;
    height: 24px;
    line-height: 24px;
    text-indent: 5px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyCoupons .changePictureMain .leftArrow {
    position: absolute;
    margin-top: 14px;
    width: 26px;
    height: 80px;
    background-position: -157px -216px;
    cursor: pointer
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyCoupons .changePictureMain .leftArrow:hover {
    background-position: -209px -216px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyCoupons .changePictureMain .rightArrow {
    position: absolute;
    margin-top: 14px;
    margin-left: 864px;
    width: 26px;
    height: 80px;
    background-position: -183px -216px;
    cursor: pointer
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyCoupons .changePictureMain .rightArrow:hover {
    background-position: -235px -216px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyCoupons .changePictureMain .noCoupons {
    float: left;
    width: 890px;
    height: 108px;
    line-height: 108px;
    text-align: center;
    color: #999
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder {
    float: left;
    margin-top: 30px;
    margin-left: 60px;
    width: 890px;
    background-color: #fff
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>.title {
    width: 890px;
    height: 35px;
    border-bottom: 1px solid #000
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>.title>p:first-of-type {
    float: left;
    font-size: 16px;
    color: #333;
    letter-spacing: 2px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>.title>p:nth-of-type(2) {
    margin-top: 2px;
    float: right;
    color: #797979;
    font-size: 12px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>.title>p:nth-of-type(2):hover {
    color: red;
    cursor: pointer;
    text-decoration: underline
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListTitle {
    height: 54px;
    border-bottom: 1px solid #dfdfdf
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListTitle>li {
    color: #333;
    float: left;
    height: 54px;
    line-height: 54px;
    font-size: 12px;
    text-align: center
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListTitle>li:first-of-type {
    width: 140px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListTitle>li:nth-of-type(2) {
    width: 110px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListTitle>li:nth-of-type(3) {
    width: 140px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListTitle>li:nth-of-type(4) {
    width: 120px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListTitle>li:nth-of-type(5) {
    width: 150px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListTitle>li:nth-of-type(6) {
    width: 110px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListTitle>li:nth-of-type(7) {
    width: 120px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder .noOrderList {
    float: left;
    width: 100%;
    height: 130px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder .noOrderList>p {
    height: 20px;
    line-height: 20px;
    margin-top: 55px;
    font-size: 12px;
    float: left;
    color: #999
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder .noOrderList>p:first-of-type {
    margin-left: 330px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder .noOrderList>p:nth-of-type(2) {
    cursor: pointer;
    text-decoration: underline;
    color: #000
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder .noOrderList>p:nth-of-type(2):hover {
    color: #e00
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li {
    float: left;
    width: 890px;
    border-bottom: 1px solid #dfdfdf
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li.lastModule {
    border-bottom: 0
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>ul.oneList>li {
    float: left;
    height: 106px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>ul.oneList>li:first-of-type {
    width: 140px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>ul.oneList>li:nth-of-type(2) {
    width: 110px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>ul.oneList>li:nth-of-type(3) {
    width: 140px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>ul.oneList>li:nth-of-type(4) {
    width: 120px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>ul.oneList>li:nth-of-type(5) {
    width: 150px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>ul.oneList>li:nth-of-type(6) {
    width: 110px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>ul.oneList>li:nth-of-type(7) {
    width: 120px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>ul.oneList>li>p {
    text-align: center;
    width: 100%;
    float: left;
    margin-top: 20px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>ul.oneList>li>div.tableButton {
    width: 64px;
    height: 22px;
    line-height: 18px;
    text-align: center;
    margin-left: 28px;
    cursor: pointer
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>ul.oneList>li>div.tableButton:hover {
    color: red;
    text-decoration: underline
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>ul.oneList>li>div.tablePayButton {
    width: 64px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    margin-left: 28px;
    margin-top: 2px;
    margin-bottom: 2px;
    background-color: #e00;
    color: #fff;
    cursor: pointer
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>ul.oneList>li>div.tablePayButton:hover {
    background-color: #be0000
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>ul.oneList>li>div:first-of-type {
    margin-top: 18px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>.downPayment {
    float: left;
    width: 890px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>.downPayment>ul {
    width: 890px;
    float: left;
    margin-bottom: 20px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>.downPayment>ul.colorGray {
    color: #999
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>.downPayment>ul>li {
    float: left
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>.downPayment>ul>li>p {
    font-size: 12px;
    height: 12px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>.downPayment>ul>li:first-of-type {
    width: 140px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>.downPayment>ul>li:first-of-type>p {
    width: 140px;
    text-align: center
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>.downPayment>ul>li:nth-of-type(2) {
    width: 120px;
    margin-left: 250px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>.downPayment>ul>li:nth-of-type(2)>p {
    width: 120px;
    text-align: center
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>.downPayment>ul>li:nth-of-type(3) {
    width: 110px;
    margin-left: 150px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>.downPayment>ul>li:nth-of-type(3)>p {
    width: 110px;
    text-align: center
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>.downPayment>ul>li:nth-of-type(4) {
    width: 120px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>.downPayment>ul>li.stepOne>.payButton {
    float: left;
    width: 64px;
    height: 18px;
    line-height: 17px;
    text-align: center;
    margin-left: 28px;
    margin-bottom: 2px;
    background-color: #e00;
    color: #fff;
    cursor: pointer
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>.downPayment>ul>li.stepOne>.payButton:hover {
    background-color: #be0000
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>.downPayment>ul>li.stepOne>.quickPay {
    height: 16px;
    float: left;
    margin-left: -30px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>.downPayment>ul>li.stepOne>.quickPay>.icon {
    float: left;
    width: 10px;
    height: 10px;
    margin-right: 3px;
    margin-top: 3px;
    background-position: -324px -234px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>.downPayment>ul>li.stepOne>.quickPay>p {
    float: left
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>.downPayment>ul>li.stepOne>.quickPay>p:first-of-type {
    color: #999;
    font-size: 12px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>.downPayment>ul>li.stepOne>.quickPay>p.nextTime {
    color: #000;
    font-size: 12px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>.downPayment>ul>li.stepTwo>.payButton {
    float: left;
    width: 64px;
    height: 18px;
    line-height: 17px;
    text-align: center;
    margin-left: 28px;
    margin-bottom: 2px;
    background-color: #e00;
    color: #fff;
    cursor: pointer
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>.downPayment>ul>li.stepTwo>.payButton:hover {
    background-color: #be0000
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>.downPayment>ul>li.stepTwo>.quickPay {
    height: 16px;
    float: left;
    margin-left: -30px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>.downPayment>ul>li.stepTwo>.quickPay>.icon {
    float: left;
    width: 10px;
    height: 10px;
    margin-right: 3px;
    margin-top: 3px;
    background-position: -324px -234px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>.downPayment>ul>li.stepTwo>.quickPay>p {
    float: left
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>.downPayment>ul>li.stepTwo>.quickPay>p:first-of-type {
    color: #999;
    font-size: 12px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>.downPayment>ul>li.stepTwo>.quickPay>p.nextTime {
    color: #000;
    font-size: 12px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>.downPayment>ul>li.stepTwo>.PayTime {
    float: left;
    height: 20px;
    width: 120px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>.downPayment>ul>li.stepTwo>.PayTime>.icon {
    width: 10px;
    height: 10px;
    float: left;
    margin: 4px 3px 0 30px;
    background-position: -324px -234px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>.downPayment>ul>li.stepTwo>.PayTime>p {
    float: left;
    height: 10px;
    font-size: 12px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>.downPayment>ul>li.stepTwo>.underLine {
    width: 18px;
    height: 1px;
    background-color: #999;
    margin: 3px 0 6px 51px;
    float: left;
    clear: both
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepMyOrder>ul.OrderListModule>li>.downPayment>ul>li.stepTwo>p {
    height: 16px;
    width: 120px;
    text-align: center;
    line-height: 16px;
    float: left
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepOrderHistory {
    float: left;
    margin-top: 30px;
    margin-left: 60px;
    width: 890px;
    background-color: #fff
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepOrderHistory>.title {
    width: 890px;
    height: 35px;
    border-bottom: 1px solid #000
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepOrderHistory>.title>p:first-of-type {
    float: left;
    font-size: 16px;
    color: #333;
    letter-spacing: 2px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepOrderHistory>ul.orderHistoryListTitle {
    height: 54px;
    border-bottom: 1px solid #dfdfdf
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepOrderHistory>ul.orderHistoryListTitle>li {
    color: #4f4f4f;
    float: left;
    height: 54px;
    line-height: 54px;
    font-size: 12px;
    text-align: center
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepOrderHistory>ul.orderHistoryListTitle>li:first-of-type {
    width: 480px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepOrderHistory>ul.orderHistoryListTitle>li:first-of-type>p {
    float: left;
    height: 54px;
    line-height: 54px;
    margin-left: 130px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepOrderHistory>ul.orderHistoryListTitle>li:nth-of-type(2) {
    width: 70px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepOrderHistory>ul.orderHistoryListTitle>li:nth-of-type(3) {
    width: 100px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepOrderHistory>ul.orderHistoryListTitle>li:nth-of-type(4),.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepOrderHistory>ul.orderHistoryListTitle>li:nth-of-type(5) {
    width: 120px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepOrderHistory .noOrderList {
    float: left;
    width: 100%;
    height: 130px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepOrderHistory .noOrderList>p {
    height: 20px;
    line-height: 20px;
    margin-top: 55px;
    font-size: 12px;
    float: left;
    color: #999
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepOrderHistory .noOrderList>p:first-of-type {
    margin-left: 330px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepOrderHistory .noOrderList>p:nth-of-type(2) {
    cursor: pointer;
    text-decoration: underline;
    color: #000
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepOrderHistory .noOrderList>p:nth-of-type(2):hover {
    color: #e00
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepOrderHistory>ul.orderHistoryListModule>li {
    float: left;
    width: 890px;
    height: 120px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepOrderHistory>ul.orderHistoryListModule>li>ul.oneList>li {
    float: left;
    height: 120px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepOrderHistory>ul.orderHistoryListModule>li>ul.oneList>li:first-of-type {
    width: 480px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepOrderHistory>ul.orderHistoryListModule>li>ul.oneList>li:nth-of-type(2) {
    width: 70px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepOrderHistory>ul.orderHistoryListModule>li>ul.oneList>li:nth-of-type(3) {
    width: 100px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepOrderHistory>ul.orderHistoryListModule>li>ul.oneList>li:nth-of-type(4),.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepOrderHistory>ul.orderHistoryListModule>li>ul.oneList>li:nth-of-type(5) {
    width: 120px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepOrderHistory>ul.orderHistoryListModule>li>ul.oneList>li>p {
    text-align: center;
    width: 100%;
    float: left;
    margin-top: 45px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepOrderHistory>ul.orderHistoryListModule>li>ul.oneList>li>p:nth-of-type(2) {
    margin-top: 4px;
    text-decoration: line-through;
    color: #8b8b8b
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepOrderHistory>ul.orderHistoryListModule>li>ul.oneList>li>div.tableButton {
    width: 64px;
    height: 22px;
    line-height: 18px;
    text-align: center;
    margin-left: 28px;
    cursor: pointer
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepOrderHistory>ul.orderHistoryListModule>li>ul.oneList>li>div.tableButton:hover {
    color: red;
    text-decoration: underline
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepOrderHistory>ul.orderHistoryListModule>li>ul.oneList>li>div:first-of-type {
    margin-top: 44px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepOrderHistory>ul.orderHistoryListModule>li>ul.oneList>li>img.product {
    float: left;
    margin-top: 28px;
    margin-left: 20px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepOrderHistory>ul.orderHistoryListModule>li>ul.oneList>li>div.productName {
    color: #000;
    margin-top: 25px;
    text-indent: 20px;
    font-weight: 600;
    font-size: 14px;
    float: left;
    width: 370px;
    height: 20px;
    line-height: 18px
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepOrderHistory>ul.orderHistoryListModule>li>ul.oneList>li>div.productMain {
    margin-top: 1px;
    margin-left: 20px;
    font-size: 12px;
    color: #333;
    width: 300px;
    float: left
}

.SephoraMyAccountIndex .body .centerMain .rightBg .rightMain .sepOrderHistory>ul.orderHistoryListModule>li>ul.oneList>li>div.productTip {
    margin-top: 1px;
    margin-left: 20px;
    font-size: 12px;
    float: left;
    width: 300px;
    color: #707070
}

.SepMyAccountMyOrderList,.SepMyAccountMyOrderList .body {
    width: 100%;
    min-width: 1190px;
    background-color: #fff
}

.SepMyAccountMyOrderList .body {
    margin: 30px 0;
    float: left
}

.SepMyAccountMyOrderList .body .centerMain {
    margin: auto;
    width: 1190px;
    background-color: #fff
}

.SepMyAccountMyOrderList .body .centerMain .leftTree {
    width: 180px;
    float: left
}

.SepMyAccountMyOrderList .body .centerMain .leftTree .title {
    width: 100%;
    font-size: 16px;
    color: #000;
    height: 35px;
    letter-spacing: 2px;
    border-bottom: 1px solid #000;
    cursor: pointer
}

.SepMyAccountMyOrderList .body .centerMain .rightBg {
    width: 950px;
    float: left;
    margin-left: 59px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg>.title {
    width: 890px;
    margin-left: 60px;
    font-size: 16px;
    color: #000;
    height: 35px;
    letter-spacing: 2px;
    border-bottom: 1px solid #000
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain {
    border-left: 1px solid #ccc;
    float: left;
    width: 950px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList {
    float: left;
    margin-left: 60px;
    width: 890px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList .OrderType {
    float: left;
    margin-top: 20px;
    width: 100%;
    height: 40px;
    background-color: #fafafa
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList .OrderType>ul>li {
    float: left;
    width: 80px;
    height: 40px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList .OrderType>ul>li:first-of-type {
    margin-left: 20px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList .OrderType>ul>li>p {
    float: left;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 15px;
    color: #666
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList .OrderType>ul>li>p.now {
    color: #000;
    border-bottom: 2px solid #000
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList .OrderType>ul>li>p:hover {
    cursor: pointer;
    color: #e00
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList .OrderType>ul>li>div.number {
    border-radius: 20px;
    padding: 0 5px;
    margin-top: 4px;
    background-color: red;
    color: #fff;
    float: left
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList .MyOrderMainListTitle {
    width: 100%;
    float: left;
    height: 65px;
    border-bottom: 1px solid #dfdfdf;
    margin-top: 15px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList .MyOrderMainListTitle>li {
    float: left;
    height: 54px;
    line-height: 64px;
    text-align: center;
    color: #333
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList .MyOrderMainListTitle>li:first-of-type {
    width: 150px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList .MyOrderMainListTitle>li:nth-of-type(2) {
    width: 180px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList .MyOrderMainListTitle>li:nth-of-type(3) {
    width: 30px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList .MyOrderMainListTitle>li:nth-of-type(4) {
    width: 70px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList .MyOrderMainListTitle>li:nth-of-type(5) {
    width: 60px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList .MyOrderMainListTitle>li:nth-of-type(6) {
    width: 70px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList .MyOrderMainListTitle>li:nth-of-type(7) {
    width: 110px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList .MyOrderMainListTitle>li:nth-of-type(8) {
    width: 100px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList .MyOrderMainListTitle>li:nth-of-type(9) {
    width: 120px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList .MyOrderMainListTitle>li>p {
    height: 54px;
    line-height: 64px;
    float: left;
    margin-left: 25px;
    cursor: pointer
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList .MyOrderMainListTitle>li>div.showArrow {
    width: 0;
    height: 0;
    float: left;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-bottom: 4px solid #000;
    margin: 30px 0 0 8px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList .MyOrderMainListTitle>li>div.hideArrow {
    width: 0;
    height: 0;
    float: left;
    border-top: 4px solid #000;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    margin: 30px 0 0 8px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList .MyOrderMainListTitle .showTime {
    position: absolute;
    z-index: 100;
    width: 140px;
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 0 0 8px #ddd;
    -webkit-box-shadow: 0 0 8px #ddd;
    -moz-box-shadow: 0 0 8px #ddd;
    margin: 16px 0 0 4px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList .MyOrderMainListTitle .showTime>ul>li {
    float: left;
    width: 100%;
    height: 30px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList .MyOrderMainListTitle .showTime>ul>li>p {
    float: left;
    height: 30px;
    line-height: 30px;
    margin-left: 20px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList .MyOrderMainListTitle .showTime>ul>li>p:hover {
    cursor: pointer;
    color: red;
    text-decoration: underline
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList .MyOrderMainListTitle .showTime>ul>li>div.showArrow {
    width: 0;
    height: 0;
    float: left;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-bottom: 4px solid #000;
    margin: 13px 0 0 8px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList .MyOrderMainListTitle .showStatus {
    position: absolute;
    z-index: 100;
    width: 100px;
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 0 0 8px #ddd;
    -webkit-box-shadow: 0 0 8px #ddd;
    -moz-box-shadow: 0 0 8px #ddd;
    margin: 16px 0 0 674px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList .MyOrderMainListTitle .showStatus>ul>li {
    float: left;
    width: 100%;
    height: 30px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList .MyOrderMainListTitle .showStatus>ul>li>p {
    float: left;
    height: 30px;
    line-height: 30px;
    margin-left: 20px;
    width: 48px;
    text-align: center
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList .MyOrderMainListTitle .showStatus>ul>li>p:hover {
    cursor: pointer;
    color: red;
    text-decoration: underline
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList .MyOrderMainListTitle .showStatus>ul>li>div.showArrow {
    width: 0;
    height: 0;
    float: left;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-bottom: 4px solid #000;
    margin: 13px 0 0 8px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList .noOrderList {
    float: left;
    width: 100%;
    height: 300px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList .noOrderList>p {
    height: 20px;
    line-height: 20px;
    margin-top: 140px;
    font-size: 12px;
    float: left;
    color: #000
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList .noOrderList>p:first-of-type {
    margin-left: 330px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList .noOrderList>p:nth-of-type(2) {
    cursor: pointer;
    text-decoration: underline
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList .noOrderList>p:nth-of-type(2):hover {
    color: red
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li {
    width: 890px;
    float: left;
    border-bottom: 1px solid #ccc
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.nullBg {
    width: 890px;
    height: 20px;
    float: left
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.status {
    width: 490px;
    float: left
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.status>.orderTitle {
    float: left;
    width: 100%;
    height: 20px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.status>.orderTitle>p {
    height: 20px;
    line-height: 20px;
    float: left
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.status>.orderTitle>p:first-of-type {
    color: #8c8c8c;
    margin-left: 20px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.status>.orderTitle>p:nth-of-type(2) {
    color: #000;
    margin-left: 5px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.status>.orderTitle>p:nth-of-type(3) {
    color: #8c8c8c;
    margin-left: 20px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.status>ul.oneShoppingList {
    float: left
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.status>ul.oneShoppingList>li {
    float: left;
    height: 150px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.status>ul.oneShoppingList>li>p {
    text-align: center;
    margin-top: 31px;
    height: 20px;
    line-height: 20px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.status>ul.oneShoppingList>li>p:nth-of-type(2) {
    height: 14px;
    line-height: 14px;
    margin-top: 0;
    text-decoration: line-through;
    color: #8b8b8b
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.status>ul.oneShoppingList>li:first-of-type {
    width: 330px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.status>ul.oneShoppingList>li:first-of-type>img.product {
    float: left;
    margin: 31px 0 0 20px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.status>ul.oneShoppingList>li:first-of-type>div.productName {
    margin-top: 31px;
    font-weight: 600;
    font-size: 14px;
    color: #000;
    float: left;
    width: 210px;
    margin-left: 10px;
    height: 20px;
    line-height: 18px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.status>ul.oneShoppingList>li:first-of-type>div.productMain {
    margin: 1px 0 0 10px;
    letter-spacing: 1px;
    font-size: 12px;
    color: #666;
    width: 210px;
    float: left
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.status>ul.oneShoppingList>li:first-of-type>div.productTip {
    margin: 5px 0 0 10px;
    font-size: 12px;
    float: left;
    width: 210px;
    color: #666
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.status>ul.oneShoppingList>li:nth-of-type(2) {
    width: 30px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.status>ul.oneShoppingList>li:nth-of-type(3) {
    width: 70px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.status>ul.oneShoppingList>li:nth-of-type(4) {
    width: 60px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.status>ul.oneShoppingList>li:nth-of-type(4)>p {
    cursor: pointer
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.status>ul.oneShoppingList>li:nth-of-type(4)>p:hover {
    color: red;
    text-decoration: underline
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.statusAndControl {
    float: left;
    width: 400px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.statusAndControl>.nameTypeTable {
    width: 70px;
    float: left;
    position: relative;
    border-left: 1px solid #eee
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.statusAndControl>.nameTypeTable .module {
    position: absolute;
    top: 50%;
    margin-top: -33px;
    height: 66px;
    width: 70px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.statusAndControl>.nameTypeTable .module>p {
    width: 70px;
    height: 20px;
    line-height: 18px;
    text-align: center;
    word-wrap: break-word
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.statusAndControl>.totalTypeTable {
    width: 110px;
    float: left;
    position: relative
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.statusAndControl>.totalTypeTable .module {
    position: absolute;
    top: 50%;
    margin-top: -33px;
    height: 66px;
    width: 110px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.statusAndControl>.totalTypeTable .module>p:first-of-type {
    width: 110px;
    height: 20px;
    line-height: 18px;
    text-align: center;
    color: #000
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.statusAndControl>.totalTypeTable .module>p:nth-of-type(2) {
    width: 110px;
    height: 14px;
    line-height: 12px;
    text-align: center;
    color: #999
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.statusAndControl>.totalTypeTable .module>p:nth-of-type(3) {
    border-top: 1px solid #eee;
    margin: 5px 0 0 13px;
    width: 84px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    color: #999
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.statusAndControl>.statusTypeTable {
    width: 99px;
    float: left;
    position: relative
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.statusAndControl>.statusTypeTable .module {
    position: absolute;
    top: 50%;
    margin-top: -33px;
    height: 66px;
    width: 99px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.statusAndControl>.statusTypeTable .module>p {
    width: 48px;
    height: 20px;
    line-height: 18px;
    text-align: center;
    margin-left: 28px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.statusAndControl>.controlTable {
    width: 120px;
    float: left;
    position: relative
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.statusAndControl>.controlTable .module {
    position: absolute;
    top: 50%;
    margin-top: -33px;
    height: 66px;
    width: 120px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.statusAndControl>.controlTable .module>div.tablePayButton {
    width: 64px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    margin: 2px 0 2px 28px;
    background-color: #e00;
    color: #fff;
    cursor: pointer
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.statusAndControl>.controlTable .module>div.tablePayButton:hover {
    background-color: #be0000
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.statusAndControl>.controlTable .module>div.tableButton {
    width: 64px;
    height: 22px;
    line-height: 18px;
    text-align: center;
    margin-left: 28px;
    cursor: pointer
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.statusAndControl>.controlTable .module>div.tableButton:hover {
    color: red;
    text-decoration: underline
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.downPayment {
    float: left;
    width: 890px;
    border-top: 1px solid #eee
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.downPayment>ul {
    width: 890px;
    float: left;
    margin-bottom: 20px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.downPayment>ul:first-of-type {
    margin-top: 20px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.downPayment>ul.colorGray {
    color: #999
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.downPayment>ul>li {
    float: left
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.downPayment>ul>li>p {
    font-size: 12px;
    height: 12px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.downPayment>ul>li:first-of-type {
    width: 150px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.downPayment>ul>li:first-of-type>p {
    width: 150px;
    text-align: center
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.downPayment>ul>li:nth-of-type(2) {
    width: 110px;
    margin-left: 410px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.downPayment>ul>li:nth-of-type(2)>p {
    width: 110px;
    text-align: center
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.downPayment>ul>li:nth-of-type(3) {
    width: 100px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.downPayment>ul>li:nth-of-type(3)>p {
    width: 100px;
    text-align: center
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.downPayment>ul>li:nth-of-type(4) {
    width: 120px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.downPayment>ul>li.stepOne>.payButton {
    float: left;
    width: 60px;
    height: 18px;
    line-height: 17px;
    text-align: center;
    margin-left: 30px;
    margin-bottom: 2px;
    background-color: #e00;
    color: #fff;
    cursor: pointer
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.downPayment>ul>li.stepOne>.payButton:hover {
    background-color: #be0000
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.downPayment>ul>li.stepOne>.quickPay {
    height: 16px;
    float: left;
    margin-left: -30px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.downPayment>ul>li.stepOne>.quickPay>.icon {
    float: left;
    width: 10px;
    height: 10px;
    margin-right: 3px;
    margin-top: 3px;
    background-position: -324px -234px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.downPayment>ul>li.stepOne>.quickPay>p {
    float: left
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.downPayment>ul>li.stepOne>.quickPay>p:first-of-type {
    color: #999;
    font-size: 12px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.downPayment>ul>li.stepOne>.quickPay>p.nextTime {
    color: #000;
    font-size: 12px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.downPayment>ul>li.stepTwo>.payButton {
    float: left;
    width: 60px;
    height: 18px;
    line-height: 17px;
    text-align: center;
    margin-left: 30px;
    margin-bottom: 2px;
    background-color: #e00;
    color: #fff;
    cursor: pointer
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.downPayment>ul>li.stepTwo>.payButton:hover {
    background-color: #be0000
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.downPayment>ul>li.stepTwo>.quickPay {
    height: 16px;
    float: left;
    margin-left: -30px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.downPayment>ul>li.stepTwo>.quickPay>.icon {
    float: left;
    width: 10px;
    height: 10px;
    margin-right: 3px;
    margin-top: 3px;
    background-position: -324px -234px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.downPayment>ul>li.stepTwo>.quickPay>p {
    float: left
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.downPayment>ul>li.stepTwo>.quickPay>p:first-of-type {
    color: #999;
    font-size: 12px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.downPayment>ul>li.stepTwo>.quickPay>p.nextTime {
    color: #000;
    font-size: 12px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.downPayment>ul>li.stepTwo>.PayTime {
    float: left;
    height: 20px;
    width: 120px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.downPayment>ul>li.stepTwo>.PayTime>.icon {
    width: 10px;
    height: 10px;
    float: left;
    margin: 4px 3px 0 30px;
    background-position: -324px -234px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.downPayment>ul>li.stepTwo>.PayTime>p {
    float: left;
    height: 10px;
    font-size: 12px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.downPayment>ul>li.stepTwo>.underLine {
    width: 18px;
    height: 1px;
    background-color: #999;
    margin: 3px 0 6px 51px;
    float: left;
    clear: both
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.downPayment>ul>li.stepTwo>p {
    height: 16px;
    width: 120px;
    text-align: center;
    line-height: 16px;
    float: left
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.allPaymentEarly {
    width: 890px;
    float: left;
    height: 49px;
    border-top: 1px solid #eee
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.allPaymentEarly>p {
    float: left;
    height: 49px;
    line-height: 49px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.allPaymentEarly>p:first-of-type {
    margin-left: 25px;
    color: #333
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderMainList>ul.OrderListDetail>li>.allPaymentEarly>p:nth-of-type(2) {
    margin-left: 5px;
    color: #000
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderGuessYouLike {
    float: left;
    width: 890px;
    margin-left: 60px;
    margin-top: 30px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderGuessYouLike>.title {
    width: 100%;
    height: 26px;
    float: left
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderGuessYouLike>.title>.titlePicture {
    float: left;
    width: 296px;
    height: 26px;
    background-position: 0 -308px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderGuessYouLike>.productModule {
    float: left;
    margin-top: 20px;
    width: 890px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderGuessYouLike>.productModule>ul>li {
    float: left;
    width: 212px;
    height: 318px;
    border: 1px solid transparent
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderGuessYouLike>.productModule>ul>li:hover {
    cursor: pointer;
    border: 1px solid #000
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderGuessYouLike>.productModule>ul>li.ml11 {
    margin-left: 11px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderGuessYouLike>.productModule>ul>li.mt11 {
    margin-top: 11px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderGuessYouLike>.productModule>ul>li>img.product {
    float: left;
    margin: 16px 0 0 16px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderGuessYouLike>.productModule>ul>li>div.module {
    float: left;
    width: 194px;
    margin: 4px 0 0 9px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderGuessYouLike>.productModule>ul>li>div.module>.tip {
    width: 100%;
    height: 20px;
    float: left
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderGuessYouLike>.productModule>ul>li>div.module>.tip>ul>li {
    width: 40px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    float: left;
    margin-right: 4px;
    text-align: center
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderGuessYouLike>.productModule>ul>li>div.module>.tip>ul>li.exclusiveSephora {
    background-color: #2cbeff;
    color: #fff
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderGuessYouLike>.productModule>ul>li>div.module>.tip>ul>li.flagpresell {
    background-color: #ff8300;
    color: #fff
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderGuessYouLike>.productModule>ul>li>div.module>.tip>ul>li.newTag {
    background-color: red;
    color: #fff
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderGuessYouLike>.productModule>ul>li>div.module>.tip>ul>li.exclusiveOnline {
    background-color: #000;
    color: #ffd435
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderGuessYouLike>.productModule>ul>li>div.module>.tip>ul>li.limitedAmount {
    background-color: #000;
    color: #fff
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderGuessYouLike>.productModule>ul>li>div.module>.tip>ul>li.memberPrice {
    background-color: #ffc12c;
    color: #fff
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderGuessYouLike>.productModule>ul>li>div.module>.tip>ul>li.discount {
    background-color: #f95495;
    color: #fff
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderGuessYouLike>.productModule>ul>li>.productName {
    float: left;
    width: 194px;
    margin: 4px 0 0 9px;
    height: 20px;
    line-height: 20px;
    font-weight: 700;
    font-size: 14px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderGuessYouLike>.productModule>ul>li>.productDetail {
    font-size: 14px;
    float: left;
    width: 194px;
    margin: 1px 0 0 9px;
    color: #3e3e3e
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderGuessYouLike>.productModule>ul>li>.offerPrice {
    float: left;
    color: #e00;
    width: 194px;
    margin: 7px 0 0 9px;
    font-size: 14px;
    height: 20px;
    line-height: 20px
}

.SepMyAccountMyOrderList .body .centerMain .rightBg .rightMain .MyOrderGuessYouLike>.productModule>ul>li>.sapPrice {
    text-decoration: line-through;
    float: left;
    color: #999;
    width: 194px;
    margin: 0 0 0 9px;
    font-size: 14px;
    height: 18px;
    line-height: 18px
}

.MyAccountQA,.MyAccountQA .body {
    width: 100%;
    background-color: #fff
}

.MyAccountQA .body {
    margin: 30px 0;
    float: left
}

.MyAccountQA .body .centerMain {
    margin: auto;
    width: 1190px;
    background-color: #fff
}

.MyAccountQA .body .centerMain .leftTree {
    width: 180px;
    float: left
}

.MyAccountQA .body .centerMain .leftTree .title {
    width: 100%;
    font-size: 16px;
    color: #000;
    height: 35px;
    letter-spacing: 2px;
    border-bottom: 1px solid #000
}

.MyAccountQA .body .centerMain .rightBg {
    width: 950px;
    float: left;
    margin-left: 59px
}

.MyAccountQA .body .centerMain .rightBg>.title {
    width: 890px;
    margin-left: 60px;
    height: 35px;
    border-bottom: 1px solid #000
}

.MyAccountQA .body .centerMain .rightBg>.title>p:first-of-type {
    float: left;
    color: #000;
    font-size: 16px;
    height: 35px;
    letter-spacing: 2px
}

.MyAccountQA .body .centerMain .rightBg .rightMain {
    border-left: 1px solid #9d9d9d;
    float: left;
    width: 950px
}

.MyAccountQA .body .centerMain .rightBg .rightMain .QAList {
    float: left;
    margin-left: 60px;
    width: 890px
}

.MyAccountQA .body .centerMain .rightBg .rightMain .QAList>ul {
    margin-top: 50px
}

.MyAccountQA .body .centerMain .rightBg .rightMain .QAList>ul>li {
    width: 100%;
    float: left;
    margin-bottom: 56px
}

.MyAccountQA .body .centerMain .rightBg .rightMain .QAList>ul>li>.productPicture {
    float: left
}

.MyAccountQA .body .centerMain .rightBg .rightMain .QAList>ul>li>.QAModule {
    float: left;
    margin: 0 0 0 20px;
    width: 778px
}

.MyAccountQA .body .centerMain .rightBg .rightMain .QAList>ul>li>.QAModule>.question {
    width: 778px;
    float: left
}

.MyAccountQA .body .centerMain .rightBg .rightMain .QAList>ul>li>.QAModule>.question>.qIcon {
    float: left;
    margin: 0 0 0 30px;
    width: 22px;
    height: 22px;
    background-position: 0 0
}

.MyAccountQA .body .centerMain .rightBg .rightMain .QAList>ul>li>.QAModule>.question>.qText {
    letter-spacing: 1px;
    margin: 0 0 0 20px;
    font-size: 16px;
    width: 524px;
    float: left;
    line-height: 20px
}

.MyAccountQA .body .centerMain .rightBg .rightMain .QAList>ul>li>.QAModule>.question>.deleteIcon {
    float: right;
    width: 19px;
    height: 19px;
    margin: 0 20px 0 0;
    background-position: -42px 0;
    cursor: pointer
}

.MyAccountQA .body .centerMain .rightBg .rightMain .QAList>ul>li>.QAModule>.question>.qTime {
    float: right;
    margin: 4px 40px 0 0;
    color: #666
}

.MyAccountQA .body .centerMain .rightBg .rightMain .QAList>ul>li>.QAModule>.answer {
    float: left;
    width: 778px;
    margin: 15px 0 0;
    background-color: #fafafa
}

.MyAccountQA .body .centerMain .rightBg .rightMain .QAList>ul>li>.QAModule>.answer>.aIcon {
    width: 20px;
    height: 20px;
    float: left;
    margin: 20px 0 0 30px;
    background-position: -22px 0
}

.MyAccountQA .body .centerMain .rightBg .rightMain .QAList>ul>li>.QAModule>.answer>p {
    letter-spacing: 1px;
    font-size: 12px;
    width: 650px;
    float: left;
    color: #999;
    margin: 20px 0 15px 20px
}

.MyAccountQA .body .centerMain .rightBg .rightMain .QAList>.QAListPopUp>.bg {
    position: fixed;
    opacity: .7;
    filter: alpha(opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2000;
    background-color: #000
}

.MyAccountQA .body .centerMain .rightBg .rightMain .QAList>.QAListPopUp>.center {
    background-color: #fff;
    position: fixed;
    width: 440px;
    height: 300px;
    top: 50%;
    left: 50%;
    margin-left: -220px;
    margin-top: -150px;
    z-index: 2001
}

.MyAccountQA .body .centerMain .rightBg .rightMain .QAList>.QAListPopUp>.center>.closeIcon {
    width: 16px;
    height: 16px;
    background-position: -40px 0;
    float: right;
    margin: 15px 15px 0 0;
    cursor: pointer
}

.MyAccountQA .body .centerMain .rightBg .rightMain .QAList>.QAListPopUp>.center>.iconBg {
    width: 100%;
    height: 40px;
    float: left;
    margin-top: 24px
}

.MyAccountQA .body .centerMain .rightBg .rightMain .QAList>.QAListPopUp>.center>.iconBg>.icon {
    width: 40px;
    height: 40px;
    margin-left: 200px;
    float: left;
    background-position: 0 0
}

.MyAccountQA .body .centerMain .rightBg .rightMain .QAList>.QAListPopUp>.center>.text {
    float: left;
    width: 100%;
    margin-top: 23px;
    color: #000;
    font-size: 18px;
    letter-spacing: 1px;
    text-align: center
}

.MyAccountQA .body .centerMain .rightBg .rightMain .QAList>.QAListPopUp>.center>.line {
    width: 40px;
    height: 1px;
    background-color: #858585;
    float: left;
    margin: 20px 0 0 200px
}

.MyAccountQA .body .centerMain .rightBg .rightMain .QAList>.QAListPopUp>.center>.buttonBg {
    float: left;
    width: 100%;
    height: 30px;
    margin: 40px 0 0
}

.MyAccountQA .body .centerMain .rightBg .rightMain .QAList>.QAListPopUp>.center>.buttonBg>.confirmButton {
    float: left;
    width: 100px;
    height: 30px;
    background-color: #000;
    color: #fff;
    text-align: center;
    line-height: 30px;
    margin: 0 40px 0 100px;
    cursor: pointer;
    font-size: 14px
}

.MyAccountQA .body .centerMain .rightBg .rightMain .QAList>.QAListPopUp>.center>.buttonBg>.confirmButton:hover {
    background-color: #e00
}

.MyAccountQA .body .centerMain .rightBg .rightMain .QAList>.QAListPopUp>.center>.buttonBg>.cancelButton {
    float: left;
    width: 100px;
    height: 30px;
    background-color: #eee;
    color: #858585;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    font-size: 14px
}

.privateRightMain {
    padding: 10px 0 100px;
    border-left: 1px solid #ccc;
    box-sizing: border-box
}

.privateRightMain .popup-body-profile {
    padding-top: 100px;
    width: 440px;
    height: 300px;
    box-sizing: border-box
}

.privateRightMain .popup-body-profile .popup-checked {
    float: none;
    margin: 0 auto 30px;
    width: 57px;
    height: 57px;
    background-position: -80px 0
}

.privateRightMain .popup-body-profile .popup-msg {
    font-size: 18px;
    color: #000;
    text-align: center;
    width: 80%;
    line-height: 30px
}

.privateRightMain .email-tip {
    height: 32px;
    line-height: 32px;
    margin-left: 139px;
    font-size: 12px;
    color: #999
}

.privateRightMain .birthday-default {
    font-size: 14px
}

.privateRightMain .profile-ad {
    margin-left: 60px;
    letter-spacing: 1px;
    font-family: SourceHanSansCN-Normal
}

.profile-ad-msg {
    height: 26px;
    line-height: 26px;
    font-size: 16px;
    color: #000
}

.profile-ad-msg em {
    position: relative;
    top: 3px;
    font-size: 20px;
    font-weight: 600;
    color: #e00
}

.profile-ad-ad {
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    color: #e00
}

.privateRightMain-row {
    height: 32px;
    line-height: 32px;
    position: relative
}

.privateRightMain-row>em {
    position: absolute;
    top: 0;
    left: 75px;
    color: #e00
}

.privateRightMain-row>em.show {
    display: block
}

.privateRightMain-row>em.hide {
    display: none
}

.privateRightMain-row>p {
    float: left;
    width: 139px;
    padding-right: 19.5px;
    box-sizing: border-box;
    font-size: 14px;
    color: #151515;
    text-align: right
}

.privateRightMain-row>p>.blank {
    display: inline-block;
    width: 7px
}

.privateRightMain-row>input:not([type=radio]) {
    width: 300px;
    height: 30px;
    box-sizing: border-box;
    padding: 8px 10px;
    border: 1px solid #ccc;
    font-size: 14px;
    color: #070707
}

.privateRightMain-row.nick-name {
    margin-top: 20px
}

.privateRightMain-row.phone>span.get-validation {
    display: inline-block;
    width: 120px;
    height: 30px;
    line-height: 30px;
    margin-left: 10px;
    background: #000;
    text-align: center;
    font-size: 14px;
    color: #fff;
    cursor: pointer
}

.privateRightMain-row.phone>span.get-validation.active {
    background: #ccc
}

.privateRightMain-row.sex>input {
    width: 14px;
    height: 14px;
    margin-right: 4px;
    vertical-align: middle
}

.privateRightMain-row.sex>input:nth-child(5) {
    margin-left: 20px
}

.privateRightMain-row.email {
    margin-bottom: 0
}

.privateRightMain-row.headPortrait>.headPortrait-choose {
    margin-left: 139px;
    height: 30px;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc
}

.privateRightMain-row.headPortrait>.headPortrait-choose>li {
    float: left;
    width: 90px;
    height: 29px;
    background: #fff;
    margin-right: 10px;
    border: 1px solid #ccc;
    border-bottom: none;
    text-align: center;
    font-size: 14px;
    color: #000;
    cursor: pointer
}

.privateRightMain-row.headPortrait>.headPortrait-choose>li.active {
    height: 30px;
    border: none;
    background: #000;
    color: #fff
}

.privateRightMain-row.address input {
    width: 620px
}

.privateRightMain-row.name em.show {
    left: 50px
}

.privateRightMain .headPortrait-recommend {
    margin: 0 0 30px 139px;
    width: 537px
}

.privateRightMain .headPortrait-recommend>li {
    float: left;
    width: 82px;
    height: 82px;
    margin: 9px 9px 0 0;
    padding: 1px;
    box-sizing: border-box;
    cursor: pointer
}

.privateRightMain .headPortrait-recommend>li:hover {
    border: 1px solid #000;
    padding: 0
}

.privateRightMain .headPortrait-recommend>li.active {
    border: 2px solid #e00
}

.privateRightMain .headPortrait-recommend>li.active:hover {
    border: 2px solid #e00;
    padding: 1px
}

.privateRightMain .headPortrait-recommend>li:nth-child(6),.privateRightMain .headPortrait-recommend>li:nth-child(12) {
    margin-right: 0
}

.privateRightMain .headPortrait-recommend>li img {
    width: 100%;
    height: 100%
}

.privateRightMain .headPortrait-recommend:after {
    content: "";
    display: block;
    clear: both
}

.privateRightMain .headPortrait-upload {
    position: relative;
    margin: 19px 0 30px 139px;
    width: 80px;
    height: 80px;
    cursor: pointer
}

.privateRightMain .headPortrait-upload>img {
    width: 100%;
    height: 100%
}

.privateRightMain .headPortrait-upload>div.cover {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 80px;
    height: 14px;
    line-height: 14px;
    background: rgba(0,0,0,.7);
    color: #fff;
    text-align: center
}

.privateRightMain .save-info {
    margin: 0 0 130px 139px;
    width: 140px
}

.privateRightMain .birthday-select {
    display: inline-block;
    height: 30px;
    line-height: 30px
}

.privateRightMain .birthday-select .select-birthday-select {
    width: 200px;
    height: 30px;
    margin-right: 10px
}

.privateRightMain .birthday-select>span {
    padding: 0 10px;
    vertical-align: middle;
    font-size: 14px;
    color: #0f0f0f
}

.discountRightMain {
    padding-left: 59px;
    border-left: 1px solid #ccc
}

.discountRightMain>.my-regulation {
    padding-bottom: 200px
}

.discountRightMain>.my-regulation>.my-regulation-head {
    width: 100%;
    height: 35px;
    border-bottom: 1px solid #000;
    font-size: 16px;
    color: #000;
    letter-spacing: 2px
}

.discountRightMain>.my-regulation>.my-regulation-body {
    font-size: 12px
}

.discountRightMain>.my-regulation>.my-regulation-body>.title {
    height: 54px;
    line-height: 54px;
    margin-top: 19px;
    font-weight: 600;
    color: #333
}

.discountRightMain>.my-regulation>.my-regulation-body>.row {
    line-height: 22px;
    color: #333
}

.myAccountChangePassword {
    float: left;
    width: 100%;
    border-left: 1px solid #ccc
}

.myAccountChangePassword>.main {
    width: 890px;
    margin: 0 0 0 60px;
    height: 540px;
    background-color: #fff
}

.myAccountChangePassword>.main>.imageStep {
    float: left;
    height: 80px;
    margin: 70px 0 0 260px
}

.myAccountChangePassword>.main>.imageStep>.RightArrow {
    margin: 60px 40px 0;
    width: 5px;
    height: 8px;
    float: left;
    background-image: url("http://runtdyf.com/soa/images/loginSearchPassword_icon.png");
    background-position: -80px -73px
}

.myAccountChangePassword>.main>.imageStep>.stepModule {
    float: left;
    width: 80px
}

.myAccountChangePassword>.main>.imageStep>.stepModule>.image {
    width: 80px;
    height: 44px;
    float: left;
    background-image: url("http://runtdyf.com/soa/images/loginSearchPassword_icon.png")
}

.myAccountChangePassword>.main>.imageStep>.stepModule>.image.first {
    background-position: 0 -44px
}

.myAccountChangePassword>.main>.imageStep>.stepModule>.image.second {
    background-position: 0 -88px
}

.myAccountChangePassword>.main>.imageStep>.stepModule>.image.third {
    background-position: 0 -132px
}

.myAccountChangePassword>.main>.imageStep>.stepModule>.imageText {
    letter-spacing: 1px;
    margin-top: 10px;
    width: 80px;
    height: 20px;
    line-height: 20px;
    float: left;
    color: #999;
    text-align: center;
    font-size: 14px
}

.myAccountChangePassword>.main>.imageStep>.stepModule>.imageText.now {
    color: #000
}

.myAccountChangePassword>.main>.firstBox,.myAccountChangePassword>.main>.secondBox,.myAccountChangePassword>.main>.thirdBox {
    float: left;
    clear: both;
    margin: 70px 0 0 260px
}

.myAccountChangePassword>.main>.firstBox>.module,.myAccountChangePassword>.main>.secondBox>.module,.myAccountChangePassword>.main>.thirdBox>.module {
    height: 32px;
    float: left;
    clear: both
}

.myAccountChangePassword>.main>.firstBox>.module>.buttonName,.myAccountChangePassword>.main>.secondBox>.module>.buttonName,.myAccountChangePassword>.main>.thirdBox>.module>.buttonName {
    float: left;
    width: 70px;
    height: 30px;
    line-height: 30px;
    text-align: right;
    font-size: 14px;
    color: #000;
    margin-right: 20px
}

.myAccountChangePassword>.main>.firstBox>.module>.time,.myAccountChangePassword>.main>.secondBox>.module>.time,.myAccountChangePassword>.main>.thirdBox>.module>.time {
    float: left
}

.myAccountChangePassword>.main>.firstBox>.errorModule,.myAccountChangePassword>.main>.secondBox>.errorModule,.myAccountChangePassword>.main>.thirdBox>.errorModule {
    float: left;
    height: 30px;
    clear: both
}

.myAccountChangePassword>.main>.firstBox>.errorModule>.redErrorIcon,.myAccountChangePassword>.main>.secondBox>.errorModule>.redErrorIcon,.myAccountChangePassword>.main>.thirdBox>.errorModule>.redErrorIcon {
    float: left;
    margin: 6px 0 0 90px;
    width: 14px;
    height: 14px;
    background-position: -38px -14px
}

.myAccountChangePassword>.main>.firstBox>.errorModule>.errorText,.myAccountChangePassword>.main>.secondBox>.errorModule>.errorText,.myAccountChangePassword>.main>.thirdBox>.errorModule>.errorText {
    height: 30px;
    line-height: 26px;
    font-size: 12px;
    color: #e00;
    float: left;
    margin-left: 2px
}

.myAccountChangePassword>.main>.firstBox>.confirmButton,.myAccountChangePassword>.main>.secondBox>.confirmButton,.myAccountChangePassword>.main>.thirdBox>.confirmButton {
    margin: 10px 0 0 90px;
    width: 300px;
    height: 30px;
    line-height: 30px;
    background-color: #000;
    color: #fff;
    float: left;
    clear: both;
    font-size: 14px;
    letter-spacing: 2px;
    text-align: center;
    cursor: pointer;
    transition: all .5s;
    -webkit-transition: all .5s
}

.myAccountChangePassword>.main>.firstBox>.confirmButton:hover,.myAccountChangePassword>.main>.secondBox>.confirmButton:hover,.myAccountChangePassword>.main>.thirdBox>.confirmButton:hover {
    background-color: #e00
}

.myAccountChangePassword>.main>.firstBox>.confirmButton2,.myAccountChangePassword>.main>.secondBox>.confirmButton2,.myAccountChangePassword>.main>.thirdBox>.confirmButton2 {
    margin: 10px 0 0 90px;
    width: 300px;
    height: 30px;
    line-height: 30px;
    background-color: #999;
    color: #fff;
    float: left;
    clear: both;
    font-size: 14px;
    letter-spacing: 2px;
    text-align: center
}

.myAccountChangePassword>.main>.firstBox>.confirmButton3,.myAccountChangePassword>.main>.secondBox>.confirmButton3,.myAccountChangePassword>.main>.thirdBox>.confirmButton3 {
    margin: 10px 0 0 90px;
    width: 300px;
    height: 30px;
    float: left;
    clear: both
}

.myAccountChangePassword>.main>.forthBox {
    float: left;
    clear: both;
    margin: 70px 0 0 260px
}

.myAccountChangePassword>.main>.forthBox>.main {
    float: left;
    width: 280px
}

.myAccountChangePassword>.main>.forthBox>.main>.right {
    float: left;
    margin-left: 111px;
    width: 58px;
    height: 56px;
    background-image: url("http://runtdyf.com/soa/images/loginSearchPassword_icon.png");
    background-position: -80px 0
}

.myAccountChangePassword>.main>.forthBox>.main>.text {
    width: 280px;
    font-size: 16px;
    text-align: center;
    float: left;
    margin-top: 40px;
    color: #474747;
    letter-spacing: 1px
}

.myAccountChangePassword>.main>.forthBox>.main>ul {
    float: left;
    margin-top: 20px;
    margin-left: 100px;
    cursor: pointer
}

.myAccountChangePassword>.main>.forthBox>.main>ul>li {
    float: left;
    margin-right: 10px;
    font-size: 16px;
    color: #474747
}

.myAccountChangePassword>.main>.forthBox>.main>ul>li:nth-of-type(2) {
    border: 5px solid transparent;
    border-left-color: #474747;
    width: 0;
    height: 0;
    margin-top: 3px
}

.sepRestMyCard {
    width: 100%
}

.sepRestMyCard>.header {
    width: 100%;
    float: left;
    height: 89px;
    background-color: #fff
}

.sepRestMyCard>.header .HeaderMiddle {
    margin: auto;
    width: 1190px;
    height: 89px;
    background-color: #fff
}

.sepRestMyCard>.header .HeaderMiddle .HeaderLogo {
    width: 250px;
    height: 33px;
    margin: 28px 0 0;
    float: left;
    cursor: pointer;
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/search_logo.png)
}

.sepRestMyCard>.header .HeaderMiddle span {
    float: left;
    display: block;
    font-size: 16px;
    letter-spacing: 1px;
    color: #4f4f4f;
    margin: 45px 0 0 10px
}

.sepRestMyCard>.body {
    float: left;
    width: 100%;
    min-width: 1190px;
    height: 804px;
    background: transparent url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/loginsSearchPassword_Bg.jpg) no-repeat scroll 50% 0
}

.sepRestMyCard>.body .BodyMiddle {
    margin: auto;
    width: 1190px;
    height: 804px
}

.sepRestMyCard>.body .BodyMiddle>.firstBox {
    float: left;
    clear: both;
    margin: 70px 0 0 100px
}

.sepRestMyCard>.body .BodyMiddle>.firstBox>.module {
    height: 32px;
    float: left;
    clear: both
}

.sepRestMyCard>.body .BodyMiddle>.firstBox>.module>.buttonName {
    float: left;
    width: 70px;
    height: 30px;
    line-height: 30px;
    text-align: right;
    font-size: 14px;
    color: #000;
    margin-right: 20px
}

.sepRestMyCard>.body .BodyMiddle>.firstBox>.module>.time {
    float: left
}

.sepRestMyCard>.body .BodyMiddle>.firstBox>.errorModule {
    float: left;
    height: 30px;
    clear: both
}

.sepRestMyCard>.body .BodyMiddle>.firstBox>.errorModule>.redErrorIcon {
    float: left;
    margin: 6px 0 0 90px;
    width: 14px;
    height: 14px;
    background-position: -38px -14px
}

.sepRestMyCard>.body .BodyMiddle>.firstBox>.errorModule>.errorText {
    height: 30px;
    line-height: 26px;
    font-size: 12px;
    color: #e00;
    float: left;
    margin-left: 2px
}

.sepRestMyCard>.body .BodyMiddle>.firstBox>.confirmButton {
    margin: 0 0 0 90px;
    width: 340px;
    height: 30px;
    line-height: 30px;
    background-color: #000;
    color: #fff;
    float: left;
    clear: both;
    font-size: 14px;
    letter-spacing: 2px;
    text-align: center;
    cursor: pointer;
    transition: all .5s;
    -webkit-transition: all .5s
}

.sepRestMyCard>.body .BodyMiddle>.firstBox>.confirmButton:hover {
    background-color: #e00
}

.sepRestMyCard>.body .BodyMiddle>.firstBox>.confirmButton2 {
    line-height: 30px;
    background-color: #999;
    color: #fff;
    font-size: 14px;
    letter-spacing: 2px;
    text-align: center
}

.sepRestMyCard>.body .BodyMiddle>.firstBox>.confirmButton2,.sepRestMyCard>.body .BodyMiddle>.firstBox>.confirmButton3 {
    margin: 0 0 0 90px;
    width: 340px;
    height: 30px;
    float: left;
    clear: both
}

.sepRestMyCard>.body .BodyMiddle>.firstBox>.alertText {
    margin: 30px 0 0 90px;
    width: 350px;
    float: left;
    clear: both
}

.sepRestMyCard>.body .BodyMiddle>.firstBox>.alertText>p:first-of-type {
    color: #858585;
    font-size: 14px
}

.sepRestMyCard>.body .BodyMiddle>.firstBox>.alertText>p:nth-of-type(2) {
    color: #f10f0f;
    font-size: 14px;
    margin-top: 5px
}

.sepRestMyCard>.body .BodyMiddle>.secondBox {
    float: left;
    clear: both;
    margin: 70px 0 0 100px
}

.sepRestMyCard>.body .BodyMiddle>.secondBox>.textBox {
    margin-top: 10px;
    float: left
}

.sepRestMyCard>.body .BodyMiddle>.secondBox>.textBox>p {
    float: left;
    clear: both
}

.sepRestMyCard>.body .BodyMiddle>.secondBox>.textBox>p:first-of-type {
    font-size: 14px;
    color: #000;
    font-weight: 600
}

.sepRestMyCard>.body .BodyMiddle>.secondBox>.textBox>p:nth-of-type(2) {
    font-size: 12px;
    color: #999;
    margin-top: 10px
}

.sepRestMyCard>.body .BodyMiddle>.secondBox>.cardBox {
    width: 660px;
    float: left;
    margin-top: 10px
}

.sepRestMyCard>.body .BodyMiddle>.secondBox>.cardBox ul li {
    float: left;
    margin: 10px 10px 0 0;
    border: 1px solid #9d9d9d;
    width: 265px;
    height: 100px;
    cursor: pointer;
    background-color: #fff
}

.sepRestMyCard>.body .BodyMiddle>.secondBox>.cardBox ul li.first {
    border: 1px solid red
}

.sepRestMyCard>.body .BodyMiddle>.secondBox>.cardBox ul li.finally {
    font-size: 16px;
    text-align: center;
    line-height: 100px;
    color: #4f4f4f
}

.sepRestMyCard>.body .BodyMiddle>.secondBox>.cardBox ul li:hover {
    border: 1px solid #000
}

.sepRestMyCard>.body .BodyMiddle>.secondBox>.cardBox ul li .cardImage {
    width: 32px;
    height: 20px;
    float: left;
    margin: 25px 0 0 20px
}

.sepRestMyCard>.body .BodyMiddle>.secondBox>.cardBox ul li .cardImage.gold {
    background-position: 0 0
}

.sepRestMyCard>.body .BodyMiddle>.secondBox>.cardBox ul li .cardImage.black {
    background-position: 0 -20px
}

.sepRestMyCard>.body .BodyMiddle>.secondBox>.cardBox ul li .cardImage.white {
    background-position: 0 -40px
}

.sepRestMyCard>.body .BodyMiddle>.secondBox>.cardBox ul li .cardImage.pink {
    background-position: 0 -60px
}

.sepRestMyCard>.body .BodyMiddle>.secondBox>.cardBox ul li .cardname {
    float: left;
    margin: 29px 0 0 10px;
    font-size: 16px
}

.sepRestMyCard>.body .BodyMiddle>.secondBox>.cardBox ul li .cardNumber {
    text-indent: 18px;
    clear: both;
    float: left;
    width: 164px;
    font-size: 12px;
    margin-top: 20px
}

.sepRestMyCard>.body .BodyMiddle>.secondBox>.cardBox ul li .cardNumber span {
    color: #9d9d9d
}

.sepRestMyCard>.body .BodyMiddle>.secondBox>.cardBox ul li .cardPoint {
    float: left;
    width: 94px;
    font-size: 12px;
    margin-top: 20px
}

.sepRestMyCard>.body .BodyMiddle>.secondBox>.cardBox ul li .cardPoint span {
    color: #9d9d9d
}

.sepRestMyCard>.body .BodyMiddle>.secondBox>.lastText {
    margin-top: 30px;
    float: left;
    clear: both
}

.sepRestMyCard>.body .BodyMiddle>.secondBox>.lastText>p {
    font-size: 12px;
    float: left
}

.sepRestMyCard>.body .BodyMiddle>.secondBox>.lastText>p:first-of-type {
    color: #999
}

.sepRestMyCard>.body .BodyMiddle>.secondBox>.lastText>p:nth-of-type(2) {
    color: #f10f0f;
    margin-left: 5px;
    font-weight: 600
}

.sepRestMyCard>.body .BodyMiddle>.thirdBox {
    float: left;
    clear: both;
    margin: 70px 0 0 100px
}

.sepRestMyCard>.body .BodyMiddle>.thirdBox>.textBox {
    margin-top: 10px;
    float: left
}

.sepRestMyCard>.body .BodyMiddle>.thirdBox>.textBox>p {
    float: left;
    clear: both
}

.sepRestMyCard>.body .BodyMiddle>.thirdBox>.textBox>p:first-of-type {
    font-size: 14px;
    color: #000;
    font-weight: 600
}

.sepRestMyCard>.body .BodyMiddle>.thirdBox>.textBox>p:nth-of-type(2) {
    font-size: 12px;
    color: #999;
    margin-top: 10px
}

.sepRestMyCard>.body .BodyMiddle>.thirdBox>.lastText {
    margin-top: 30px;
    float: left;
    clear: both
}

.sepRestMyCard>.body .BodyMiddle>.thirdBox>.lastText>p {
    font-size: 12px;
    float: left
}

.sepRestMyCard>.body .BodyMiddle>.thirdBox>.lastText>p:first-of-type {
    color: #999
}

.sepRestMyCard>.body .BodyMiddle>.thirdBox>.lastText>p:nth-of-type(2) {
    color: #f10f0f;
    margin-left: 5px;
    font-weight: 600
}

.sepRestMyCard>.body .BodyMiddle>.thirdBox>.textInput {
    clear: both;
    margin-top: 30px;
    width: 660px;
    float: left
}

.sepRestMyCard>.body .BodyMiddle>.thirdBox>.textInput>p {
    font-size: 14px;
    float: left;
    width: 80px;
    height: 32px;
    line-height: 32px;
    text-align: right;
    margin-right: 10px
}

.sepRestMyCard>.body .BodyMiddle>.thirdBox>.textInput .errorTip {
    float: left;
    width: 580px;
    margin-left: 90px;
    height: 30px;
    line-height: 24px
}

.sepRestMyCard>.body .BodyMiddle>.thirdBox>.textInput .errorTip .errorRedIcon {
    float: left;
    margin: 5px 0 0;
    width: 14px;
    height: 14px;
    background-position: -38px -14px
}

.sepRestMyCard>.body .BodyMiddle>.thirdBox>.textInput .errorTip span {
    float: left;
    display: block;
    margin-left: 5px
}

.sepRestMyCard>.body .BodyMiddle>.thirdBox>.textInput .errorTip span.errorFont {
    color: #f12526
}

.sepRestMyCard>.body .BodyMiddle>.thirdBox>.textInput .confirmButton {
    float: left;
    margin-left: 90px;
    width: 140px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background-color: #000;
    text-align: center;
    cursor: pointer;
    transition: all .5s;
    -webkit-transition: all .5s
}

.sepRestMyCard>.body .BodyMiddle>.thirdBox>.textInput .confirmButton:hover {
    background-color: #e00
}

.sepRestMyCard>.body .BodyMiddle>.thirdBox>.textInput .confirmButton2 {
    float: left;
    margin-left: 90px;
    width: 140px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background-color: #999;
    text-align: center
}

.sepRestMyCard>.body .BodyMiddle>.thirdBox>.textInput .confirmButton3 {
    margin-left: 90px;
    width: 140px;
    height: 30px;
    float: left
}

.sepRestMyCard>.body .BodyMiddle>.thirdBox>.textInput .returnButton {
    float: left;
    margin-left: 14px;
    width: 140px;
    height: 30px;
    line-height: 30px;
    color: #000;
    background-color: #f0f0f0;
    text-align: center;
    cursor: pointer;
    transition: all .5s;
    -webkit-transition: all .5s
}

.sepRestMyCard>.body .BodyMiddle>.thirdBox>.textInput .returnButton:hover {
    background-color: #e00;
    color: #fff
}

.sepRestMyCard>.body .hasPhoneBox>.bg {
    position: fixed;
    opacity: .7;
    filter: alpha(opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2000;
    background-color: #000
}

.sepRestMyCard>.body .hasPhoneBox>.center {
    background-color: #fff;
    position: fixed;
    width: 440px;
    height: 300px;
    top: 50%;
    left: 50%;
    margin-left: -220px;
    margin-top: -150px;
    z-index: 2001
}

.sepRestMyCard>.body .hasPhoneBox>.center>.closeIcon {
    width: 16px;
    height: 16px;
    background-position: -40px 0;
    float: right;
    margin: 15px 15px 0 0;
    cursor: pointer
}

.sepRestMyCard>.body .hasPhoneBox>.center>.iconBg {
    width: 100%;
    height: 40px;
    float: left;
    margin-top: 44px
}

.sepRestMyCard>.body .hasPhoneBox>.center>.iconBg>.icon {
    width: 40px;
    height: 40px;
    margin-left: 200px;
    float: left;
    background-position: 0 0
}

.sepRestMyCard>.body .hasPhoneBox>.center>.text {
    float: left;
    width: 240px;
    margin: 35px 0 0 105px;
    color: #000;
    font-size: 18px;
    letter-spacing: 1px
}

.sepRestMyCard>.body .hasPhoneBox>.center>.text>p {
    float: left
}

.sepRestMyCard>.body .hasPhoneBox>.center>.text>p:first-of-type {
    margin-bottom: 10px;
    letter-spacing: 1px
}

.sepRestMyCard>.body .hasPhoneBox>.center>.text>p:nth-of-type(2) {
    margin-left: 10px
}

.sepRestMyCard>.body .hasPhoneBox>.center>.text>p:nth-of-type(3) {
    color: #f10f0f;
    margin: 0 2px;
    letter-spacing: 0;
    font-size: 17px
}

.RestConfirmAjaxCard .bg {
    position: fixed;
    opacity: .6;
    filter: alpha(opacity=60);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 200;
    background-color: #000
}

.RestConfirmAjaxCard .center {
    width: 440px;
    height: 300px;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -220px;
    background-color: #fff;
    z-index: 201;
    position: fixed
}

.RestConfirmAjaxCard .center .no {
    width: 440px;
    height: 40px;
    float: left
}

.RestConfirmAjaxCard .center .no .hideModule {
    cursor: pointer;
    float: right;
    margin-right: 10px;
    margin-top: 12px;
    width: 17px;
    height: 17px;
    background-image: url("http://runtdyf.com/soa/images/loginSearchPassword_icon.png");
    background-position: -80px -56px
}

.RestConfirmAjaxCard .center .no .picture {
    margin-top: 15px;
    float: left;
    width: 440px;
    height: 40px
}

.RestConfirmAjaxCard .center .no .picture .image {
    margin: auto;
    width: 40px;
    height: 40px;
    background-image: url("http://runtdyf.com/soa/images/loginSearchPassword_icon.png");
    background-position: -80px -83px
}

.RestConfirmAjaxCard .center .no .tip {
    width: 440px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    text-align: center;
    float: left;
    margin-top: 10px
}

.RestConfirmAjaxCard .center .no .tip p {
    color: #000;
    height: 30px;
    line-height: 30px;
    float: left
}

.RestConfirmAjaxCard .center .no .tip p.first {
    margin-left: 80px
}

.RestConfirmAjaxCard .center .no .tip p.second {
    margin-left: 5px
}

.RestConfirmAjaxCard .center .no .tip p.red {
    margin-left: 5px;
    height: 30px;
    line-height: 30px;
    float: left;
    color: red
}

.RestConfirmAjaxCard .center .no .line {
    width: 40px;
    height: 1px;
    background-color: #9d9d9d;
    float: left;
    margin-left: 200px;
    margin-top: 10px
}

.RestConfirmAjaxCard .center .no>.smallTips {
    width: 440px;
    float: left;
    font-size: 12px;
    margin: 20px 0 0
}

.RestConfirmAjaxCard .center .no>.smallTips>p:first-of-type {
    float: left;
    color: #999;
    margin-left: 48px
}

.RestConfirmAjaxCard .center .no>.smallTips>p:nth-of-type(2) {
    float: left;
    color: #f10f0f;
    font-weight: 600;
    margin-left: 5px
}

.RestConfirmAjaxCard .center .no .buttonBg {
    float: left;
    width: 440px;
    height: 30px;
    margin-top: 30px
}

.RestConfirmAjaxCard .center .no .buttonBg .confirm {
    float: left;
    width: 100px;
    height: 30px;
    line-height: 30px;
    background-color: #000;
    color: #fff;
    font-size: 12px;
    text-align: center;
    margin-left: 100px;
    cursor: pointer;
    transition: all .5s;
    -webkit-transition: all .5s
}

.RestConfirmAjaxCard .center .no .buttonBg .confirm:hover {
    background-color: #e00
}

.RestConfirmAjaxCard .center .no .buttonBg .cancel {
    float: left;
    width: 100px;
    height: 30px;
    line-height: 30px;
    background-color: #f0f0f0;
    color: #000;
    font-size: 12px;
    text-align: center;
    margin-left: 40px;
    cursor: pointer;
    transition: all .5s;
    -webkit-transition: all .5s
}

.RestConfirmAjaxCard .center .no .buttonBg .cancel:hover {
    background-color: #e00;
    color: #fff
}

.RestAlertCardNo .bg {
    position: fixed;
    opacity: .6;
    filter: alpha(opacity=60);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 200;
    background-color: #000
}

.RestAlertCardNo .center {
    width: 440px;
    height: 240px;
    top: 50%;
    left: 50%;
    margin-top: -120px;
    margin-left: -220px;
    background-color: #fff;
    z-index: 201;
    position: fixed
}

.RestAlertCardNo .center .no {
    width: 440px;
    height: 40px;
    float: left
}

.RestAlertCardNo .center .no .hideModule {
    cursor: pointer;
    float: right;
    margin-right: 10px;
    margin-top: 12px;
    width: 17px;
    height: 17px;
    background-image: url("http://runtdyf.com/soa/images/loginSearchPassword_icon.png");
    background-position: -80px -56px
}

.RestAlertCardNo .center .no .picture {
    margin-top: 35px;
    float: left;
    width: 440px;
    height: 40px
}

.RestAlertCardNo .center .no .picture .image {
    margin: auto;
    width: 40px;
    height: 40px;
    background-image: url("http://runtdyf.com/soa/images/loginSearchPassword_icon.png");
    background-position: -80px -83px
}

.RestAlertCardNo .center .no .tip {
    width: 440px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    text-align: center;
    float: left;
    margin-top: 30px
}

.card-select {
    padding: 60px 78px 30px;
    font-size: 12px;
    color: #999
}

.card-select p {
    letter-spacing: 1px;
    line-height: 20px
}

.card-select p .red {
    color: #e00
}

.card-select span {
    display: inline-block
}

.card-display-area {
    margin: 15px 0 5px;
    overflow-x: hidden;
    overflow-y: auto;
    height: 200px;
    width: 600px
}

.card-display-area:after {
    content: "";
    display: block;
    clear: both
}

.select-single-card {
    float: left;
    width: 267px;
    height: 90px;
    margin: 0 10px 10px 0;
    padding: 16px 18px;
    background: #fff;
    border: 1px solid #eee;
    box-sizing: border-box;
    cursor: pointer
}

.select-single-card:hover {
    border: 1px solid #000
}

.select-single-card.active {
    border: 2px solid #e00
}

.select-single-card:nth-child(2),.select-single-card:nth-child(4) {
    margin-right: 0
}

.select-single-card span {
    display: inline-block
}

.select-single-card .add-card {
    color: #333;
    text-align: center;
    font-size: 14px;
    height: 58px;
    line-height: 58px
}

.select-single-card .first-line .card-logo {
    margin-right: 10px;
    width: 32px;
    height: 20px;
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/VIPcard.png);
    vertical-align: bottom
}

.select-single-card .first-line .card-logo.gold {
    background-position: 0 0
}

.select-single-card .first-line .card-logo.black {
    background-position: 0 -20px
}

.select-single-card .first-line .card-logo.white {
    background-position: 0 -40px
}

.select-single-card .first-line .card-logo.pink {
    background-position: 0 -60px
}

.select-single-card .first-line .card-title {
    font-size: 14px;
    color: #333
}

.select-single-card .second-line {
    margin-top: 16px
}

.select-single-card .second-line span:nth-child(2) {
    padding-left: 5px;
    width: 120px;
    color: #333
}

.select-single-card .second-line span:nth-child(4) {
    padding-left: 5px;
    color: #333
}

.card-select-btns {
    width: 280px;
    margin: 40px auto
}

.card-select-btns div {
    display: inline-block;
    width: 130px
}

.card-select-btns div:first-child {
    margin-right: 20px
}

.card-select-btns .btn-gray {
    cursor: pointer
}

.card-select.card-select-second {
    padding-left: 95px;
    padding-right: 0
}

.card-select.card-select-second .privateRightMain-row p {
    width: 52px;
    height: 30px;
    line-height: 30px
}

.card-select.card-select-second .privateRightMain-row input {
    width: 280px
}

.card-select.card-select-second .privateRightMain-row .error-tips {
    margin-left: 52px
}

.card-select.card-select-second .card-select-btns {
    width: 280px;
    margin: 0 52px 25px
}

.card-select.card-select-second p.card-bottom-tip {
    margin-left: 54px
}

.card-select.card-select-second p.card-bottom-tip span {
    display: block
}

.headPortrait-upload-popup {
    width: 800px;
    height: 500px;
    padding: 30px 0 48px;
    box-sizing: border-box
}

.headPortrait-upload-popup div {
    margin: 0
}

.headPortrait-upload-popup>.left-block {
    float: left;
    width: 460px;
    height: 100%;
    padding: 0 90px;
    box-sizing: border-box
}

.headPortrait-upload-popup>.left-block>.btn-first {
    display: block;
    width: 140px;
    margin: 0 0 16px
}

.headPortrait-upload-popup>.left-block>.preview-txt>p {
    ling-height: 20px;
    font-size: 12px;
    color: #3f3f3f;
    width: 288px
}

.headPortrait-upload-popup>.left-block>.preview-txt>p:first-child {
    color: #666
}

.headPortrait-upload-popup>.left-block>.btn-row {
    margin-top: 20px
}

.headPortrait-upload-popup>.left-block>.btn-row>.btn-save {
    float: left;
    width: 100px;
    margin-right: 20px
}

.headPortrait-upload-popup>.left-block>.btn-row>.btn-cancel {
    float: left;
    width: 100px;
    margin-right: 20px;
    background: #ddd;
    color: #474747;
    cursor: pointer
}

.headPortrait-upload-popup>.right-block {
    float: left;
    width: 340px;
    height: 100%;
    padding: 110px 0 0 90px;
    box-sizing: border-box;
    border-left: 1px solid #ddd
}

.headPortrait-upload-popup>.right-block>p {
    width: 80px;
    font-size: 14px;
    color: #999
}

.headPortrait-upload-popup .head-preview {
    position: relative;
    margin-left: 0;
    background: #f5f5f5;
    box-sizing: border-box;
    border: 1px solid #ddd
}

.headPortrait-upload-popup .head-preview>img {
    width: 100%;
    height: 100%
}

.headPortrait-upload-popup .head-preview .alt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    color: #666
}

.headPortrait-upload-popup .head-preview.head-preview-modify {
    width: 280px;
    height: 280px;
    margin-top: 6px
}

.headPortrait-upload-popup .head-preview.head-preview-modify .alt {
    width: 170px;
    font-size: 12px
}

.headPortrait-upload-popup .head-preview.head-preview-middle {
    width: 80px;
    height: 80px;
    overflow: hidden
}

.headPortrait-upload-popup .head-preview.head-preview-middle .alt {
    width: 100%;
    height: 100%;
    background-position: -1px -1px
}

.headPortrait-upload-popup .head-preview.head-preview-small {
    width: 40px;
    height: 40px;
    margin-top: 40px;
    overflow: hidden
}

.headPortrait-upload-popup .head-preview.head-preview-small .alt {
    width: 100%;
    height: 100%;
    background-position: -1px -1px
}

.MyAccountAddress,.MyAccountAddress .body {
    width: 100%;
    background-color: #fff
}

.MyAccountAddress .body {
    margin: 30px 0;
    float: left
}

.MyAccountAddress .body .centerMain {
    margin: auto;
    width: 1190px;
    background-color: #fff
}

.MyAccountAddress .body .centerMain .leftTree {
    width: 180px;
    float: left
}

.MyAccountAddress .body .centerMain .leftTree .title {
    width: 100%;
    font-size: 16px;
    color: #000;
    height: 35px;
    letter-spacing: 2px;
    border-bottom: 1px solid #000
}

.MyAccountAddress .body .centerMain .rightBg {
    width: 950px;
    float: left;
    margin-left: 59px
}

.MyAccountAddress .body .centerMain .rightBg>.title {
    width: 890px;
    margin-left: 60px;
    height: 35px;
    border-bottom: 1px solid #000
}

.MyAccountAddress .body .centerMain .rightBg>.title>p:first-of-type {
    float: left;
    color: #000;
    font-size: 16px;
    height: 35px;
    letter-spacing: 2px
}

.MyAccountAddress .body .centerMain .rightBg>.title>p:nth-of-type(2) {
    float: right;
    color: #666;
    font-size: 12px;
    margin-top: 8px;
    cursor: pointer
}

.MyAccountAddress .body .centerMain .rightBg>.ifTenList>.bg {
    position: fixed;
    opacity: .7;
    filter: alpha(opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2000;
    background-color: #000
}

.MyAccountAddress .body .centerMain .rightBg>.ifTenList>.center {
    background-color: #fff;
    position: fixed;
    width: 440px;
    height: 300px;
    top: 50%;
    left: 50%;
    margin-left: -220px;
    margin-top: -150px;
    z-index: 2001
}

.MyAccountAddress .body .centerMain .rightBg>.ifTenList>.center>.closeIcon {
    width: 16px;
    height: 16px;
    background-position: -40px 0;
    float: right;
    margin: 15px 15px 0 0;
    cursor: pointer
}

.MyAccountAddress .body .centerMain .rightBg>.ifTenList>.center>.iconBg {
    width: 100%;
    height: 40px;
    float: left;
    margin-top: 24px
}

.MyAccountAddress .body .centerMain .rightBg>.ifTenList>.center>.iconBg>.icon {
    width: 40px;
    height: 40px;
    margin-left: 200px;
    float: left;
    background-position: 0 0
}

.MyAccountAddress .body .centerMain .rightBg>.ifTenList>.center>.text {
    float: left;
    width: 100%;
    margin-top: 23px;
    color: #000;
    font-size: 18px;
    letter-spacing: 1px;
    text-align: center
}

.MyAccountAddress .body .centerMain .rightBg>.ifTenList>.center>.line {
    width: 40px;
    height: 1px;
    background-color: #858585;
    float: left;
    margin: 20px 0 0 200px
}

.MyAccountAddress .body .centerMain .rightBg>.ifTenList>.center>.confirmButton {
    width: 100px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    float: left;
    margin: 42px 0 0 170px;
    background-color: #000
}

.MyAccountAddress .body .centerMain .rightBg>.ifTenList>.center>.confirmButton:hover {
    cursor: pointer;
    background-color: #e00
}

.MyAccountAddress .body .centerMain .rightBg .rightMain {
    border-left: 1px solid #9d9d9d;
    float: left;
    width: 950px
}

.MyAccountAddress .body .centerMain .rightBg .rightMain .MyAccountAddressList {
    float: left;
    margin-left: 60px;
    width: 890px
}

.MyAccountAddress .body .centerMain .rightBg .rightMain .MyAccountAddressList>.tip {
    width: 100%;
    float: left;
    height: 60px;
    color: #999
}

.MyAccountAddress .body .centerMain .rightBg .rightMain .MyAccountAddressList>.tip>p {
    margin-top: 25px
}

.MyAccountAddress .body .centerMain .rightBg .rightMain .MyAccountAddressList>.addressList>li {
    float: left;
    height: 112px;
    width: 100%;
    border-top: 1px solid #eee
}

.MyAccountAddress .body .centerMain .rightBg .rightMain .MyAccountAddressList>.addressList>li>.userInformation {
    height: 112px;
    float: left
}

.MyAccountAddress .body .centerMain .rightBg .rightMain .MyAccountAddressList>.addressList>li>.userInformation>.userName {
    float: left;
    margin-top: 19px;
    font-size: 14px;
    font-weight: 600
}

.MyAccountAddress .body .centerMain .rightBg .rightMain .MyAccountAddressList>.addressList>li>.userInformation>.nowTip {
    float: left;
    margin: 19px 0 0 28px;
    color: #fff;
    background-color: #333;
    width: 60px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    text-align: center
}

.MyAccountAddress .body .centerMain .rightBg .rightMain .MyAccountAddressList>.addressList>li>.userInformation>.address {
    margin-top: 20px;
    float: left;
    clear: both;
    font-size: 12px;
    color: #333
}

.MyAccountAddress .body .centerMain .rightBg .rightMain .MyAccountAddressList>.addressList>li>.userInformation>.other {
    clear: both;
    float: left;
    margin-top: 10px;
    color: #333
}

.MyAccountAddress .body .centerMain .rightBg .rightMain .MyAccountAddressList>.addressList>li>.userInformation>.other>p {
    float: left
}

.MyAccountAddress .body .centerMain .rightBg .rightMain .MyAccountAddressList>.addressList>li>.userInformation>.other>p:first-of-type {
    margin-right: 30px
}

.MyAccountAddress .body .centerMain .rightBg .rightMain .MyAccountAddressList>.addressList>li>.control {
    height: 112px;
    float: right
}

.MyAccountAddress .body .centerMain .rightBg .rightMain .MyAccountAddressList>.addressList>li>.control>.deleteIcon {
    float: right;
    width: 12px;
    height: 11px;
    cursor: pointer;
    background-position: -40px -16px;
    clear: both;
    margin-top: 19px
}

.MyAccountAddress .body .centerMain .rightBg .rightMain .MyAccountAddressList>.addressList>li>.control>p {
    float: right;
    clear: both;
    cursor: pointer;
    color: #333;
    margin-top: 15px
}

.MyAccountAddress .body .centerMain .rightBg .rightMain .MyAccountAddressList>.addressList>li>.control>p:hover {
    color: #e00;
    text-decoration: underline
}

.membershipCard {
    min-width: 1190px;
    width: 100%;
    float: left
}

.membershipCard>.banner {
    background: transparent url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/sepMembercardBanner.png) no-repeat scroll 50% 0;
    min-width: 1190px;
    width: 100%;
    height: 130px
}

.membershipCard>.main {
    float: left;
    width: 100%;
    min-width: 1190px;
    background-color: #fff
}

.membershipCard>.main .center {
    width: 1190px;
    margin: auto;
    background-color: #fff
}

.membershipCard>.main .center>.black,.membershipCard>.main .center>.gold,.membershipCard>.main .center>.pink,.membershipCard>.main .center>.white {
    float: left;
    background-color: #fafafa
}

.membershipCard>.main .center>.black.pinkWidth,.membershipCard>.main .center>.gold.pinkWidth,.membershipCard>.main .center>.pink.pinkWidth,.membershipCard>.main .center>.white.pinkWidth {
    width: 532px;
    margin: 51px 40px 51px 0
}

.membershipCard>.main .center>.black.whiteWidth,.membershipCard>.main .center>.gold.whiteWidth,.membershipCard>.main .center>.pink.whiteWidth,.membershipCard>.main .center>.white.whiteWidth {
    width: 618px;
    margin: 51px 0
}

.membershipCard>.main .center>.black.blackWidth,.membershipCard>.main .center>.gold.blackWidth,.membershipCard>.main .center>.pink.blackWidth,.membershipCard>.main .center>.white.blackWidth {
    width: 532px;
    margin: 0 40px 51px 0
}

.membershipCard>.main .center>.black.goldWidth,.membershipCard>.main .center>.gold.goldWidth,.membershipCard>.main .center>.pink.goldWidth,.membershipCard>.main .center>.white.goldWidth {
    width: 618px;
    margin: 0 0 51px
}

.membershipCard>.main .center>.black>.title,.membershipCard>.main .center>.gold>.title,.membershipCard>.main .center>.pink>.title,.membershipCard>.main .center>.white>.title {
    margin-top: -11px;
    width: 100%;
    height: 62px;
    float: left
}

.membershipCard>.main .center>.black>.title.pink,.membershipCard>.main .center>.gold>.title.pink,.membershipCard>.main .center>.pink>.title.pink,.membershipCard>.main .center>.white>.title.pink {
    background-position: 0 0
}

.membershipCard>.main .center>.black>.title.white,.membershipCard>.main .center>.gold>.title.white,.membershipCard>.main .center>.pink>.title.white,.membershipCard>.main .center>.white>.title.white {
    background-position: 0 -62px
}

.membershipCard>.main .center>.black>.title.black,.membershipCard>.main .center>.gold>.title.black,.membershipCard>.main .center>.pink>.title.black,.membershipCard>.main .center>.white>.title.black {
    background-position: 0 -124px
}

.membershipCard>.main .center>.black>.title.gold,.membershipCard>.main .center>.gold>.title.gold,.membershipCard>.main .center>.pink>.title.gold,.membershipCard>.main .center>.white>.title.gold {
    background-position: 0 -186px
}

.membershipCard>.main .center>.black>.title>p,.membershipCard>.main .center>.gold>.title>p,.membershipCard>.main .center>.pink>.title>p,.membershipCard>.main .center>.white>.title>p {
    margin: 22px 0 0 156px;
    color: #fff;
    font-size: 18px;
    letter-spacing: 1px
}

.membershipCard>.main .center>.black>.textBg,.membershipCard>.main .center>.gold>.textBg,.membershipCard>.main .center>.pink>.textBg,.membershipCard>.main .center>.white>.textBg {
    float: left
}

.membershipCard>.main .center>.black>.textBg.height500,.membershipCard>.main .center>.gold>.textBg.height500,.membershipCard>.main .center>.pink>.textBg.height500,.membershipCard>.main .center>.white>.textBg.height500 {
    height: 500px
}

.membershipCard>.main .center>.black>.textBg.height310,.membershipCard>.main .center>.gold>.textBg.height310,.membershipCard>.main .center>.pink>.textBg.height310,.membershipCard>.main .center>.white>.textBg.height310 {
    height: 310px
}

.membershipCard>.main .center>.black>.textBg.TextWidth456,.membershipCard>.main .center>.gold>.textBg.TextWidth456,.membershipCard>.main .center>.pink>.textBg.TextWidth456,.membershipCard>.main .center>.white>.textBg.TextWidth456 {
    width: 456px;
    margin: 25px 0 0 38px
}

.membershipCard>.main .center>.black>.textBg.TextWidth542,.membershipCard>.main .center>.gold>.textBg.TextWidth542,.membershipCard>.main .center>.pink>.textBg.TextWidth542,.membershipCard>.main .center>.white>.textBg.TextWidth542 {
    width: 542px;
    margin: 25px 0 0 38px
}

.membershipCard>.main .center>.black>.textBg>.mainText,.membershipCard>.main .center>.gold>.textBg>.mainText,.membershipCard>.main .center>.pink>.textBg>.mainText,.membershipCard>.main .center>.white>.textBg>.mainText {
    float: left
}

.membershipCard>.main .center>.black>.textBg>.mainText>li,.membershipCard>.main .center>.gold>.textBg>.mainText>li,.membershipCard>.main .center>.pink>.textBg>.mainText>li,.membershipCard>.main .center>.white>.textBg>.mainText>li {
    float: left;
    color: #000
}

.membershipCard>.main .center>.black>.textBg>.mainText>li.width456,.membershipCard>.main .center>.gold>.textBg>.mainText>li.width456,.membershipCard>.main .center>.pink>.textBg>.mainText>li.width456,.membershipCard>.main .center>.white>.textBg>.mainText>li.width456 {
    width: 456px
}

.membershipCard>.main .center>.black>.textBg>.mainText>li.width542,.membershipCard>.main .center>.gold>.textBg>.mainText>li.width542,.membershipCard>.main .center>.pink>.textBg>.mainText>li.width542,.membershipCard>.main .center>.white>.textBg>.mainText>li.width542 {
    width: 542px
}

.membershipCard>.main .center>.black>.textBg>.mainText>li.color666,.membershipCard>.main .center>.gold>.textBg>.mainText>li.color666,.membershipCard>.main .center>.pink>.textBg>.mainText>li.color666,.membershipCard>.main .center>.white>.textBg>.mainText>li.color666 {
    color: #666
}

.membershipCard>.main .center>.black>.textBg>.mainText>li .point,.membershipCard>.main .center>.gold>.textBg>.mainText>li .point,.membershipCard>.main .center>.pink>.textBg>.mainText>li .point,.membershipCard>.main .center>.white>.textBg>.mainText>li .point {
    width: 6px;
    height: 6px;
    background-position: -612px 0;
    float: left;
    margin: 7px 9px 0 0
}

.membershipCard>.main .center>.black>.textBg>.mainText>li .point.no,.membershipCard>.main .center>.gold>.textBg>.mainText>li .point.no,.membershipCard>.main .center>.pink>.textBg>.mainText>li .point.no,.membershipCard>.main .center>.white>.textBg>.mainText>li .point.no {
    background-position: -612px -7px
}

.membershipCard>.main .center>.black>.textBg>.mainText>li .text,.membershipCard>.main .center>.gold>.textBg>.mainText>li .text,.membershipCard>.main .center>.pink>.textBg>.mainText>li .text,.membershipCard>.main .center>.white>.textBg>.mainText>li .text {
    letter-spacing: 1px;
    font-size: 14px;
    float: left;
    line-height: 22px
}

.membershipCard>.main .center>.black>.textBg>.mainText>li .text.line20,.membershipCard>.main .center>.gold>.textBg>.mainText>li .text.line20,.membershipCard>.main .center>.pink>.textBg>.mainText>li .text.line20,.membershipCard>.main .center>.white>.textBg>.mainText>li .text.line20 {
    line-height: 20px
}

.membershipCard>.main .center>.black>.textBg>.mainText>li .text.color151515,.membershipCard>.main .center>.gold>.textBg>.mainText>li .text.color151515,.membershipCard>.main .center>.pink>.textBg>.mainText>li .text.color151515,.membershipCard>.main .center>.white>.textBg>.mainText>li .text.color151515 {
    color: #151515
}

.membershipCard>.main .center>.black>.textBg>.mainText>li .text.width441,.membershipCard>.main .center>.gold>.textBg>.mainText>li .text.width441,.membershipCard>.main .center>.pink>.textBg>.mainText>li .text.width441,.membershipCard>.main .center>.white>.textBg>.mainText>li .text.width441 {
    width: 441px
}

.membershipCard>.main .center>.black>.textBg>.mainText>li .text.width527,.membershipCard>.main .center>.gold>.textBg>.mainText>li .text.width527,.membershipCard>.main .center>.pink>.textBg>.mainText>li .text.width527,.membershipCard>.main .center>.white>.textBg>.mainText>li .text.width527 {
    width: 527px
}

.membershipCard>.main .center>.black>.textBg>.mainText>li .text span.red,.membershipCard>.main .center>.gold>.textBg>.mainText>li .text span.red,.membershipCard>.main .center>.pink>.textBg>.mainText>li .text span.red,.membershipCard>.main .center>.white>.textBg>.mainText>li .text span.red {
    color: #e00
}

.membershipCard>.main .center>.black>.textBg>.howToLevelUp,.membershipCard>.main .center>.gold>.textBg>.howToLevelUp,.membershipCard>.main .center>.pink>.textBg>.howToLevelUp,.membershipCard>.main .center>.white>.textBg>.howToLevelUp {
    float: left
}

.membershipCard>.main .center>.black>.textBg>.howToLevelUp.pink,.membershipCard>.main .center>.gold>.textBg>.howToLevelUp.pink,.membershipCard>.main .center>.pink>.textBg>.howToLevelUp.pink,.membershipCard>.main .center>.white>.textBg>.howToLevelUp.pink {
    width: 456px;
    margin-top: 156px
}

.membershipCard>.main .center>.black>.textBg>.howToLevelUp.white,.membershipCard>.main .center>.gold>.textBg>.howToLevelUp.white,.membershipCard>.main .center>.pink>.textBg>.howToLevelUp.white,.membershipCard>.main .center>.white>.textBg>.howToLevelUp.white {
    width: 542px;
    margin-top: 30px
}

.membershipCard>.main .center>.black>.textBg>.howToLevelUp.gold,.membershipCard>.main .center>.gold>.textBg>.howToLevelUp.gold,.membershipCard>.main .center>.pink>.textBg>.howToLevelUp.gold,.membershipCard>.main .center>.white>.textBg>.howToLevelUp.gold {
    width: 456px;
    margin-top: 25px
}

.membershipCard>.main .center>.black>.textBg>.howToLevelUp>.title,.membershipCard>.main .center>.gold>.textBg>.howToLevelUp>.title,.membershipCard>.main .center>.pink>.textBg>.howToLevelUp>.title,.membershipCard>.main .center>.white>.textBg>.howToLevelUp>.title {
    text-indent: 15px;
    font-size: 16px;
    float: left;
    font-weight: 500
}

.membershipCard>.main .center>.black>.textBg>.howToLevelUp>.line,.membershipCard>.main .center>.gold>.textBg>.howToLevelUp>.line,.membershipCard>.main .center>.pink>.textBg>.howToLevelUp>.line,.membershipCard>.main .center>.white>.textBg>.howToLevelUp>.line {
    margin: 8px 0 0 10px;
    float: left;
    height: 1px;
    background-color: #ddd
}

.membershipCard>.main .center>.black>.textBg>.howToLevelUp>.line.pink,.membershipCard>.main .center>.gold>.textBg>.howToLevelUp>.line.pink,.membershipCard>.main .center>.pink>.textBg>.howToLevelUp>.line.pink,.membershipCard>.main .center>.white>.textBg>.howToLevelUp>.line.pink {
    width: 335px
}

.membershipCard>.main .center>.black>.textBg>.howToLevelUp>.line.white,.membershipCard>.main .center>.gold>.textBg>.howToLevelUp>.line.white,.membershipCard>.main .center>.pink>.textBg>.howToLevelUp>.line.white,.membershipCard>.main .center>.white>.textBg>.howToLevelUp>.line.white {
    width: 421px
}

.membershipCard>.main .center>.contest {
    width: 1190px;
    height: 210px;
    float: left;
    background-color: #fafafa;
    margin-bottom: 50px
}

.membershipCard>.main .center>.contest>.leftModule {
    width: 250px;
    float: left;
    margin: 24px 0 0 38px
}

.membershipCard>.main .center>.contest>.leftModule>.title {
    float: left;
    color: #000;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 1px;
    text-indent: 15px
}

.membershipCard>.main .center>.contest>.leftModule>ul {
    float: left
}

.membershipCard>.main .center>.contest>.leftModule>ul li {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #333
}

.membershipCard>.main .center>.contest>.leftModule>ul li>.point {
    width: 6px;
    height: 6px;
    background-position: -612px 0;
    float: left;
    margin: 6px 9px 0 0
}

.membershipCard>.main .center>.contest>.leftModule>ul li>.point.no {
    background-position: -612px -10px
}

.membershipCard>.main .center>.contest>.leftModule>ul li>.text {
    float: left
}

.membershipCard>.main .center>.contest>.leftModule>ul li>.text.red {
    color: #e00
}

.membershipCard>.main .center>.contest>.leftModule>ul li>.text>a {
    color: #333
}

.category-product {
    background: #fff;
    min-width: 1190px
}

.layout {
    width: 1190px;
    margin: 0 auto;
    overflow: hidden
}

#category #Footer {
    margin-top: 0
}

#category .navigation-info {
    box-shadow: 0 0 8px 0 rgba(0,0,0,.15)
}

.search-condition {
    padding: 30px 0 14px;
    font-size: 12px;
    position: relative
}

.search-condition .search-line {
    overflow: hidden;
    position: relative;
    z-index: 5
}

.search-condition .search-line .linkToIndex:hover {
    text-decoration: underline
}

.search-condition .search-line span {
    float: left
}

.search-condition .search-line .right-arrow {
    width: 26px;
    height: 20px;
    line-height: 20px;
    text-align: center
}

.search-condition .search-line .index-item {
    height: 19px;
    width: 28px;
    line-height: 19px;
    border: 1px solid transparent
}

.search-condition .search-line .select-item {
    height: 19px;
    line-height: 19px;
    padding: 0 10px;
    overflow: hidden;
    border: 1px solid #ddd;
    cursor: pointer
}

.search-condition .search-line .select-item .delete-icon {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_icon.png);
    background-position: -43px -44px;
    margin-left: 5px;
    margin-top: 5px
}

.search-condition .search-line .brand-hover:hover {
    border: 1px solid #e00;
    color: #e00
}

.search-condition .search-line .brand-hover:hover .delete-icon {
    background-position: 0 0
}

.search-condition .search-line .select-item-hover {
    border: 1px solid #ddd;
    border-bottom: 1px solid #fff;
    color: #e00
}

.search-condition .search-line .select-item-hover .bottom-icon {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_product_down_redarrow.png) 50% no-repeat
}

.search-condition .search-line .total-filtered {
    font-size: 12px;
    float: right;
    height: 20px;
    line-height: 20px;
    color: #666
}

.search-condition .search-line .total-filtered .amount {
    font-weight: 600;
    float: left
}

.search-condition .search-line .search-text-container {
    overflow: hidden
}

.search-condition .search-line .search-text-container .search-text {
    float: left;
    padding-left: 5px;
    width: 135px;
    height: 28px;
    border: 1px solid #ddd;
    outline: none
}

.search-condition .search-line .search-text-container .search-btn {
    float: left;
    width: 40px;
    height: 28px;
    background: #666 url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_product_magnifylensB.png) 50% no-repeat
}

.search-condition .class {
    border: 1px solid #ddd;
    margin-top: -1px;
    display: none;
    position: absolute;
    z-index: 4;
    max-width: 376px;
    overflow: hidden;
    padding: 10px 0 0 10px;
    background: #fff
}

.search-condition .class li {
    float: left;
    width: 84px;
    margin-right: 10px;
    margin-bottom: 10px
}

.bread-item {
    color: #000
}

.bread-item:hover {
    font-weight: 600;
    color: #000
}

.hide-container {
    display: none
}

.category-brand-container {
    overflow: hidden;
    padding: 40px 0 20px;
    border-top: 1px solid #aaa
}

.category-brand-container .category-brand {
    float: left
}

.category-brand-container .category-brand .brand-title {
    font-weight: 600;
    font-size: 14px;
    margin-left: 14px
}

.category-brand-container .category-brand .search-brand-input {
    width: 924px;
    margin-left: 78px;
    margin-bottom: 20px
}

.category-brand-container .category-brand .search-brand-input input {
    width: 170px;
    height: 22px;
    border: 1px solid #ddd;
    padding-left: 20px;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_product_magnifylens.png) 5px no-repeat
}

.category-brand-container .category-brand-btn {
    float: right;
    margin-right: 13px;
    width: 100px;
    height: 50px
}

.category-brand-container .single-brand {
    width: 941px;
    overflow: hidden;
    overflow-y: auto;
    padding-bottom: 1px;
    margin-left: 78px;
    margin-bottom: 20px;
    max-height: 275px
}

.category-brand-container .single {
    width: 130px;
    height: 52px;
    margin: 0 -1px -1px 0;
    border: 1px solid #ddd;
    float: left;
    position: relative;
    text-align: center
}

.category-brand-container .single .single-inner {
    width: 129px;
    height: 51px;
    margin-top: -1px;
    margin-left: -1px;
    cursor: pointer
}

.category-brand-container .single img {
    margin-top: 6px;
    width: 96px;
    height: 40px
}

.category-brand-container .single .cover {
    position: absolute;
    top: -1px;
    text-align: center;
    line-height: 53px;
    width: 131px;
    height: 53px;
    background: rgba(0,0,0,.8);
    color: #fff;
    display: none
}

.category-brand-container .single:hover .cover-block {
    display: block
}

.category-brand-container .single-selected {
    border: 1px solid #000;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_product_brand_black_delete_big.png) 100% 100% no-repeat
}

.category-brand-container .single-selected:hover {
    border: 1px solid #e00;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_product_brand_red_delete_big.png) 100% 100% no-repeat
}

.select-more {
    margin-right: 12px;
    color: #666;
    cursor: pointer
}

.select-more .add-icon {
    margin-right: 5px
}

.select-more:hover {
    color: #e00
}

.show-more {
    color: #666;
    cursor: pointer
}

.show-more .single-more {
    margin-right: 5px
}

.show-more i {
    display: inline-block;
    width: 9px;
    height: 9px;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_more_greyarrow.png) 50% no-repeat
}

.show-more .arrow {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_more_greyarrowup.png) 50% no-repeat
}

.show-more:hover {
    color: #e00
}

.show-more:hover i {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_more_redarrow.png) 50% no-repeat
}

.show-more:hover .arrow {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_more_redarrowup.png) 50% no-repeat
}

.brand-selected-container {
    font-size: 14px;
    color: #000;
    width: 941px;
    margin: 0 0 20px 78px;
    overflow: hidden
}

.brand-selected-container span {
    float: left;
    height: 22px;
    line-height: 22px;
    margin-bottom: 5px
}

.brand-selected-container .brand-single-selected {
    border: 1px solid transparent;
    padding-left: 5px;
    margin: 0 10px;
    cursor: pointer
}

.brand-selected-container .brand-single-selected:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px
}

.brand-selected-container .brand-single-selected:hover {
    border: 1px solid #e00
}

.brand-selected-container .brand-single-selected:hover:after {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_product_brand_red_delete_small.png) 50% no-repeat
}

.brand-selected-container .delete-all {
    display: inline-block;
    width: 60px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    margin: 0 10px;
    background: #eee;
    cursor: pointer
}

.confirm-or-cancel {
    font-size: 14px;
    width: 941px;
    text-align: center
}

.confirm-or-cancel .btn-selected {
    display: inline-block;
    width: 60px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    margin: 0 10px;
    background: #eee;
    cursor: pointer
}

.confirm-or-cancel .confirm-selected {
    background: #000;
    color: #fff
}

.category-list-container {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #aaa
}

.category-list-container .category-list {
    border-bottom: 1px solid #eee;
    overflow: hidden
}

.category-list-container .category-list .confirm-or-cancel {
    margin-bottom: 10px
}

.category-list-container .category-list .single-list {
    float: left;
    height: 50px;
    overflow: hidden
}

.category-list-container .category-list .change-height {
    float: left;
    overflow: hidden;
    min-height: 50px
}

.category-list-container .category-list .list-container {
    width: 955px;
    padding-left: 15px;
    float: left;
    overflow: hidden
}

.category-list-container .category-list .list-container .category-list-detail {
    float: left;
    width: 130px;
    height: 50px;
    line-height: 50px;
    font-size: 14px
}

.category-list-container .category-list .list-container .category-list-detail i {
    cursor: pointer;
    float: left;
    height: 22px;
    margin-top: 14px;
    line-height: 22px
}

.category-list-container .category-list .list-container .active {
    border: 1px solid #000;
    padding-left: 5px;
    margin-top: 14px
}

.category-list-container .category-list .list-container .active:after {
    content: "";
    float: right;
    width: 12px;
    height: 12px;
    margin: 5px 5px 0;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_product_brand_black_delete_small.png) 50% no-repeat
}

.category-list-container .category-list .list-container .active:hover {
    border: 1px solid #e00;
    padding-left: 5px
}

.category-list-container .category-list .list-container .active:hover:after {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_product_brand_red_delete_small.png) 50% no-repeat
}

.category-list-container .category-list .category-list-name {
    float: left;
    width: 91px;
    height: 50px;
    padding-left: 14px;
    line-height: 50px;
    font-weight: 600;
    font-size: 14px
}

.category-list-container .category-list .category-list-detail-btn {
    float: right;
    width: 100px;
    height: 50px;
    line-height: 50px;
    margin-right: 13px
}

.category-list-container-bottom {
    border-bottom: 1px solid #e00
}

.show-more-list-tab {
    text-align: center;
    margin-bottom: 20px
}

.show-more-list-tab .show-more-list-span {
    display: inline-block;
    width: 95px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border: 1px solid #aaa;
    border-top: 1px solid #fff;
    background: #fff;
    margin-top: -2px;
    cursor: pointer
}

.show-more-list-tab .show-more-list-span .arrow {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 2px 5px
}

.show-more-list-tab .show-more-list-span .arrow-down {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_more_greyarrow.png) bottom no-repeat
}

.show-more-list-tab .show-more-list-span .arrow-up {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_more_greyarrowup.png) bottom no-repeat
}

.show-more-list-tab .show-more-list-span:hover .arrow-down {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_more_redarrow.png) bottom no-repeat
}

.show-more-list-tab .show-more-list-span:hover .arrow-up {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_more_redarrowup.png) bottom no-repeat
}

.show-more-list-tab .more-list-span-border {
    color: #e00;
    border: 1px solid #e00;
    border-top: 1px solid #fff
}

.sort-product-inner {
    font-size: 14px
}

.sort-product-inner .flip-left-right {
    float: right;
    overflow: hidden;
    color: #666
}

.sort-product-inner .flip-left-right span {
    float: left;
    border: 1px solid transparent;
    height: 32px;
    line-height: 32px
}

.sort-product-inner .flip-left-right .color-highlight {
    color: #e00;
    font-weight: 600
}

.sort-product-inner .flip-left-right .flip-right {
    width: 32px;
    text-align: center;
    font-size: 20px;
    border: 1px solid #ddd;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/flip_arrow.png) 0 -32px no-repeat;
    cursor: pointer
}

.sort-product-inner .flip-left-right .flip-right:hover {
    border: 1px solid #000
}

.sort-product-inner .flip-left-right .flip-left {
    width: 32px;
    margin: 0 5px;
    text-align: center;
    font-size: 20px;
    border: 1px solid #ddd;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/flip_arrow.png) 0 0 no-repeat;
    cursor: pointer
}

.sort-product-inner .flip-left-right .flip-left:hover {
    border: 1px solid #000
}

.sort-product-inner .flip-left-right .active {
    cursor: default
}

.sort-product-inner .flip-left-right .active:hover {
    border: 1px solid #ddd
}

.sort-product-inner .checkTick,.sort-product-inner .sort-product-left {
    float: left
}

.sort-product-inner .sort-product-left .sort-way:last-of-type .sort_border {
    display: none!important
}

.sort-product-inner .sort-product-left {
    overflow: hidden;
    height: 32px;
    border: 1px solid #ddd
}

.sort-product-inner .sort-product-left .sort-way-bg {
    background: #000;
    color: #fff
}

.sort-product-inner .sort-product-left .sort-way-bg .sort_border {
    display: none!important
}

.sort-product-inner .sort-product-left .sort-way {
    float: left;
    width: 100px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    margin-left: -1px;
    position: relative;
    cursor: pointer
}

.sort-product-inner .sort-product-left .sort-way .sort-way-arrow {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 5px;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_product_long_arrow_black.png) bottom no-repeat
}

.sort-product-inner .sort-product-left .sort-way .sort_border {
    height: 11px;
    width: 1px;
    display: block;
    background: #ddd;
    float: right;
    position: absolute;
    right: 0;
    top: 10px
}

.sort-product-inner .sort-product-left .sort-way .change-arrow {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_product_long_arrow_white.png) bottom no-repeat
}

.sort-product-inner .sort-product-left .sort-way .sort-way-triangle {
    display: inline-block;
    width: 8px;
    height: 10px;
    margin-left: 5px;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_triangle.png) bottom no-repeat
}

.sort-product-inner .sort-product-left .sort-way .change-triangle-up {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_triangle-up.png) bottom no-repeat
}

.sort-product-inner .sort-product-left .sort-way .change-triangle-down {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_triangle-down.png) bottom no-repeat
}

.sort-product-inner .checkTick {
    height: 32px;
    line-height: 32px;
    cursor: pointer
}

.sort-product-inner .checkTick a,.sort-product-inner .checkTick span {
    float: left
}

.sort-product-inner .checkTick a {
    margin: 8px 10px 0 20px;
    width: 14px;
    height: 14px;
    border: 1px solid #ddd
}

.sort-product-inner .checkTick .tick {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_product_tick.png) bottom no-repeat
}

.product-container {
    padding-top: 20px;
    font-size: 14px
}

.product-container .product-list {
    overflow: hidden;
    padding-bottom: 90px
}

.product-container .product-list li {
    float: left;
    width: 226px;
    height: 318px;
    margin: 5px;
    border: 1px solid #ddd
}

.product-container .product-list li dt {
    height: 150px;
    text-align: center;
    padding: 10px 10px 0
}

.product-container .product-list li .buy-now-place {
    height: 32px;
    margin: 0 10px
}

.product-container .product-list li .buy-now {
    display: none;
    height: 32px;
    text-align: center;
    line-height: 32px;
    background: rgba(0,0,0,.8);
    color: #fff;
    cursor: pointer
}

.product-container .product-list li .buy-now span {
    float: left
}

.product-container .product-list li .buy-now:before {
    content: "";
    float: left;
    margin: 7px 10px 0 60px;
    width: 14px;
    height: 18px;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_purchace_bag.png) 50% no-repeat
}

.product-container .product-list li .show {
    display: block
}

.product-container .product-list li .tag {
    overflow: hidden;
    padding: 5px 10px 10px;
    height: 15px
}

.product-container .product-list li .tag span {
    float: left;
    width: 40px;
    height: 15px;
    text-align: center;
    line-height: 15px;
    margin-right: 5px
}

.product-container .product-list li .brand-name {
    font-weight: 600;
    padding: 0 10px 10px
}

.product-container .product-list li .product-detail {
    padding: 0 10px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.product-container .product-list li .price-discount {
    padding: 0 10px 5px;
    color: #e00
}

.product-container .product-list li .price-normal {
    padding: 0 10px;
    color: #a5a5a5;
    text-decoration: line-through
}

.product-container .product-list li:hover {
    border: 1px solid #000
}

.popup {
    position: fixed;
    top: 0;
    z-index: 1000;
    display: none
}

.popup,.popup .shadow {
    width: 100%;
    height: 100%
}

.popup .shadow {
    background: #ccc;
    opacity: .5
}

.popup .popup-content {
    width: 800px;
    height: 500px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -250px;
    margin-left: -400px;
    overflow: hidden
}

.popup .popup-content .popup-head {
    width: 800px;
    height: 50px;
    float: left
}

.popup .popup-content .popup-head i {
    float: right;
    width: 50px;
    height: 50px;
    font-size: 16px;
    text-align: center;
    line-height: 50px;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/catogory_close_popup.png) 50% no-repeat
}

.popup .popup-content .popup-display {
    width: 180px;
    float: left;
    margin-left: 100px
}

.popup .popup-content .popup-display .popup-photo {
    height: 150px;
    padding: 0 15px 25px;
    background: #fff
}

.popup .popup-content .popup-display .popup-photo img {
    width: 150px;
    height: 150px
}

.popup .popup-content .popup-display .tag {
    overflow: hidden;
    height: 15px
}

.popup .popup-content .popup-display .tag span {
    float: left;
    width: 40px;
    height: 15px;
    text-align: center;
    line-height: 15px;
    margin-right: 5px
}

.popup .popup-content .popup-display .review-detail {
    width: 100%;
    margin-top: 50px;
    text-decoration: underline;
    text-align: center
}

.popup .popup-content .popup-detail {
    float: left;
    padding-left: 25px;
    width: 375px
}

.popup .popup-content .popup-detail .dollar-mark {
    color: #e00
}

.popup .popup-content .popup-detail h3 {
    font-size: 16px;
    margin-bottom: 12px
}

.popup .popup-content .popup-detail .product-class {
    font-size: 16px;
    margin-bottom: 30px
}

.popup .popup-content .popup-detail .product-exp {
    font-size: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee
}

.popup .popup-content .popup-detail .price-line {
    height: 65px;
    line-height: 65px
}

.popup .popup-content .popup-detail .price-line .price-tag {
    margin-right: 10px;
    font-size: 14px
}

.popup .popup-content .popup-detail .price-line .price-discount {
    color: #e00;
    font-size: 20px;
    margin-right: 10px
}

.popup .popup-content .popup-detail .price-line .price-normal {
    text-decoration: line-through;
    color: #a5a5a5
}

.popup .popup-content .popup-detail .color-capacity {
    font-size: 14px
}

.popup .popup-content .popup-detail .color-capacity p {
    height: 30px
}

.popup .popup-content .popup-detail .color-capacity .spec-li {
    overflow: hidden;
    height: 150px;
    overflow-y: auto
}

.popup .popup-content .popup-detail .color-capacity .spec-li em,.popup .popup-content .popup-detail .color-capacity .spec-li img {
    float: left;
    width: 20px;
    height: 20px;
    margin: 4px 5px 0 0
}

.popup .popup-content .popup-detail .color-capacity .spec-li .spec {
    float: left;
    cursor: pointer;
    overflow: hidden;
    padding: 0 5px;
    height: 28px;
    line-height: 28px;
    margin: 5px;
    border: 1px solid #eee
}

.popup .popup-content .popup-detail .color-capacity .spec-li .specType {
    border: 1px solid #e00
}

.popup .popup-content .popup-detail .buy-num {
    margin-top: 20px
}

.popup .popup-content .popup-detail .buy-num span {
    float: left
}

.popup .popup-content .popup-detail .buy-num .num {
    width: 50px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    border: 1px solid #eee;
    border-right: none
}

.popup .popup-content .popup-detail .buy-num .calculate {
    width: 20px;
    height: 40px;
    border: 1px solid #eee;
    margin-right: 15px
}

.buy_num .popup .popup-content .popup-detail .buy-num .calculate .minus,.popup .popup-content .popup-detail .buy-num .buy_num .calculate .minus,.popup .popup-content .popup-detail .buy-num .calculate .add {
    display: block;
    height: 19px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_up_arrow_n.png) 50% no-repeat
}

.buy_num .popup .popup-content .popup-detail .buy-num .calculate .minus:hover,.popup .popup-content .popup-detail .buy-num .buy_num .calculate .minus:hover,.popup .popup-content .popup-detail .buy-num .calculate .add:hover {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_up_arrow_b.png) 50% no-repeat
}

.popup .popup-content .popup-detail .buy-num .calculate .minus {
    display: block;
    height: 20px;
    cursor: pointer;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_down_arrow_n.png) 50% no-repeat
}

.popup .popup-content .popup-detail .buy-num .calculate .minus:hover {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_down_arrow_b.png) 50% no-repeat
}

.popup .popup-content .popup-detail .buy-num .buy-now-btn {
    width: 190px;
    height: 40px;
    line-height: 40px;
    background: #000;
    color: #fff;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    transition: all .5s;
    -webkit-transition: all .5s
}

.popup .popup-content .popup-detail .buy-num .buy-now-btn:hover {
    background: #e00
}

.popup-show {
    display: block
}

.pignation-bg {
    background: #fff;
    padding-bottom: 55px;
    min-width: 1190px
}

.pignation-place {
    width: 950px;
    margin: 0 auto;
    padding-left: 240px
}

.search-result {
    height: 19px;
    line-height: 19px;
    border: 1px solid transparent
}

.searchNoResults {
    background: #fff;
    padding-bottom: 100px
}

.searchNoResults .NoContent {
    width: 100%;
    height: 320px;
    position: relative
}

.searchNoResults .NoContent .NonContentTip {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 325px;
    height: 135px
}

.searchNoResults .NoContent .NonContentTip:before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/magnifyinglens.png) 50% no-repeat;
    margin: 0 auto
}

.searchNoResults .NoContent .NonContentTip p {
    margin-top: 30px;
    font-size: 20px;
    text-align: center;
    color: #999
}

.searchNoResults #GuessYouLike {
    margin-top: 0
}

.NoResultsNav {
    padding-top: 30px;
    font-size: 14px;
    overflow: hidden
}

.NoResultsNav .NavLeft {
    float: left
}

.NoResultsNav .NavLeft li {
    display: table-cell;
    height: 22px;
    vertical-align: middle;
    overflow: hidden
}

.NoResultsNav .NavLeft li:nth-of-type(2) {
    width: 26px;
    text-align: center
}

.NoResultsNav input {
    float: left;
    padding-left: 5px;
    width: 135px;
    height: 24px;
    border: 1px solid #ddd;
    outline: none
}

.NoResultsNav button {
    float: left;
    width: 40px;
    height: 24px;
    background: #666 url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_product_magnifylensB.png) 50% no-repeat
}

.NoResultsNav .NavRight {
    float: right;
    color: #666
}

.NoResultsNav .NavRight .amount {
    font-weight: 600
}

.exclusive_banner {
    height: 168px
}

.exclusive_banner .banner_cont {
    width: 100%;
    height: 138px;
    background-size: 1920px 138px;
    background-position: 50%;
    background-repeat: no-repeat
}

.exclusive_banner .layout {
    height: 168px
}

.exclusive_banner .btns_container {
    margin: 0 auto;
    width: 200px;
    margin-top: 123px
}

.exclusive_banner .btns_container a {
    display: inline-block;
    width: 96px;
    height: 41px;
    border: 2px solid #000;
    line-height: 41px;
    font-size: 16px;
    text-align: center;
    font-family: PingFang SC Semibold
}

.exclusive_banner .btns_container a:first-child {
    color: #000
}

.exclusive_banner .btns_container a:first-child:hover,.exclusive_banner .btns_container a:nth-child(2) {
    background: #000;
    color: #fff
}

.exclusive_banner .btns_container a:first-child:hover+a:nth-child(2) {
    background: #fff;
    color: #000
}

.BrandContainer .navigation-info {
    border-bottom: 1px solid #ccc
}

.BrandContainer #Footer {
    margin-top: 0
}

#BrandContainer {
    background: #fff;
    padding-bottom: 200px;
    min-width: 1190px
}

.BrandCrumb {
    padding: 15px 0;
    font-size: 14px;
    font-size: 12px
}

.BrandCrumb .linkToIndex:hover {
    text-decoration: underline
}

.BrandCrumb a {
    color: #000
}

.BrandCrumb a:hover {
    color: #e00
}

.BrandCrumb a+span {
    margin: 0 5px
}

.alphabets {
    overflow: hidden;
    padding: 0 23px;
    border-bottom: 1px solid #000
}

.alphabets .changeBg {
    background: #000;
    color: #fff
}

.alphabets li {
    float: left;
    width: 42px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 20px
}

.alphabets li:last-of-type {
    width: 52px
}

.alphabets li:hover {
    background: #000;
    color: #fff
}

.SingleModule {
    border-bottom: 1px solid #eee;
    padding: 40px 0 20px
}

.SingleModule .BrandTitle {
    font-size: 30px;
    width: 110px;
    text-align: center;
    display: table-cell;
    vertical-align: middle
}

.SingleModule .BrandTitle span {
    width: 110px;
    display: block
}

.SingleModule .Brands {
    overflow: hidden;
    width: 1080px;
    display: table-cell;
    margin-left: 110px
}

.SingleModule .Brands .SingleBrand {
    float: left;
    width: 210px;
    height: 117px;
    text-align: center;
    border: 1px solid transparent
}

.SingleModule .Brands .SingleBrand .ImgContainer {
    display: block;
    width: 100%;
    text-align: center
}

.SingleModule .Brands .SingleBrand .ImgContainer img {
    cursor: pointer
}

.SingleModule .Brands .SingleBrand .NameZone {
    display: block;
    width: 100%;
    cursor: pointer
}

.SingleModule .Brands .SingleBrand .NameZone p {
    text-align: center;
    color: #333
}

.SingleModule .Brands .SingleBrand:hover {
    border: 1px solid #eee
}

.SingleModule .Brands .SingleBrand:hover .NameZone p {
    text-decoration: underline;
    color: #e00
}

.RemoveBottomLine {
    border-bottom: none;
    margin-bottom: 60px
}

.CategoryOneLevel {
    background: #fff
}

.advertising {
    width: 100%;
    height: 190px;
    background: 50% no-repeat
}

.advertising .ad_img_href {
    width: 100%;
    height: 100%;
    display: block
}

.clear {
    clear: both
}

.content {
    width: 100%;
    padding-top: 16px;
    font-size: 14px;
    height: auto;
    padding-bottom: 35px;
    background: #f5f5f5
}

.content .categoryNav {
    width: 1190px;
    margin: 0 auto
}

.content .categoryNav .linkToIndex:hover {
    text-decoration: underline
}

.content .categoryNav .nav_text {
    padding-bottom: 4px;
    float: left
}

.content .categoryNav .nav_text a {
    font-size: 12px;
    display: inline-block;
    line-height: 20px;
    height: 20px;
    color: #666;
    border: 1px solid transparent
}

.content .categoryNav .nav_text a:hover {
    color: #e00;
    text-decoration: underline
}

.content .categoryNav .nav_text span {
    font-size: 12px;
    display: inline-block;
    width: 26px;
    height: 20px;
    color: #666;
    text-align: center
}

.content .categoryNav .nav {
    float: left;
    height: 20px;
    line-height: 20px;
    position: relative
}

.content .categoryNav .nav_select {
    padding: 0 10px;
    border: 1px solid #ddd;
    cursor: pointer;
    background: #fff;
    position: relative;
    font-size: 12px
}

.content .categoryNav .nav_select .select_text {
    float: left;
    font-weight: 400
}

.content .categoryNav .nav_select .select_img {
    float: right;
    right: 0;
    width: 14px;
    height: 14px;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_product_down_arrow.png) 50% no-repeat;
    margin: 3px 0 0 7px
}

.content .categoryNav .nav:hover .nav_select {
    border-bottom: 1px solid #fff;
    z-index: 7
}

.content .categoryNav .nav:hover .select_text {
    color: red
}

.content .categoryNav .nav:hover .select_img {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_product_down_redarrow.png) 50% no-repeat
}

.content .categoryNav .nav:hover .twolevel {
    display: block
}

.content .categoryNav .nav_select:after {
    display: block;
    content: "clear";
    clear: both;
    line-height: 0;
    visibility: hidden
}

.content .categoryNav .twolevel {
    border: 1px solid #ddd;
    margin-top: -1px;
    display: none;
    overflow: hidden;
    position: absolute;
    z-index: 4;
    width: 376px;
    padding: 10px 0 10px 10px;
    background: #fff;
    left: 0
}

.content .categoryNav .twolevel .twolevelcon {
    float: left;
    width: 84px;
    font-size: 12px;
    margin-right: 10px;
    background: #fff;
    display: block
}

.content .categoryNav .twolevel .twolevelcon .twoleveltext {
    color: #666
}

.content .categoryNav .twolevel:after {
    display: block;
    content: "clear";
    clear: both;
    line-height: 0;
    visibility: hidden
}

.content .categoryNav .twolevelcon:hover .twoleveltext:hover {
    color: #000
}

.content .categoryNav:after {
    display: block;
    content: "clear";
    clear: both;
    line-height: 0;
    visibility: hidden
}

.content .title {
    padding-top: 60px;
    width: 1190px;
    padding-bottom: 10px;
    overflow: hidden
}

.content .title .bold {
    font-size: 26px;
    color: #000;
    float: left;
    padding-right: 12px
}

.content .title .english,.content .title .englist_bold {
    font-size: 22px;
    color: #000;
    line-height: 22px;
    float: left
}

.content .space .englist_bold {
    padding-left: 5px
}

.content .brand {
    margin: 0 auto;
    width: 1190px;
    height: 85px;
    padding-top: 2px;
    overflow: hidden
}

.content .brand div:last-of-type {
    border-right: 0;
    width: 147px
}

.content .brand .brandlist {
    float: left;
    width: 148px;
    height: 85px;
    border-right: 1px solid #f5f5f5;
    background: #fff no-repeat 50%;
    overflow: hidden;
    position: relative
}

.content .brand .brandlist img {
    position: absolute;
    left: 0;
    bottom: 0
}

.content .brand .brandlist .brand_hover {
    width: 150px;
    height: 0;
    background: rgba(0,0,0,.8);
    overflow: hidden
}

.content .brand .brandlist .brand_hover p {
    line-height: 45px;
    font-size: 12px;
    text-align: center;
    color: #fff
}

.content .brand .brandlist .brand_hover a {
    height: 20px;
    border-radius: 10px;
    width: 84px;
    display: block;
    line-height: 20px;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    background: #e00;
    color: #fff;
    margin: 0 auto
}

.content .brand .brandlists {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0
}

.content .brand .brandlists:hover .brand_hover {
    height: 85px
}

.content .brand:after {
    display: block;
    content: "clear";
    clear: both;
    line-height: 0;
    visibility: hidden
}

.content .CardAll {
    width: 1190px;
    margin: 0 auto
}

.content .CardAll .cate_prod_cont {
    background: #f5f5f5;
    padding-top: 0
}

.content .CardAll .cate_prod_cont .cate_prod {
    background: #fff
}

.content .CardAll>div {
    float: left
}

.content .CardAll>div>ul {
    padding: 0;
    background: #f5f5f5
}

.content .CardAll:after {
    display: block;
    content: "clear";
    clear: both;
    line-height: 0;
    visibility: hidden
}

.text_desc {
    width: 1190px;
    margin: 0 auto;
    display: none
}

.BrandContainer {
    background: #fff
}

.BrandNav {
    padding: 30px 0 20px;
    font-size: 12px;
    overflow: hidden
}

.BrandNav .link:hover {
    text-decoration: underline
}

.BrandNav .NavLeft {
    float: left
}

.BrandNav .NavLeft .currentBrand {
    font-weight: 400
}

.BrandNav .NavLeft li {
    display: table-cell;
    height: 22px;
    vertical-align: middle;
    overflow: hidden
}

.BrandNav .NavLeft li:nth-of-type(2),.BrandNav .NavLeft li:nth-of-type(4),.BrandNav .NavLeft li:nth-of-type(6) {
    width: 26px;
    text-align: center
}

.BrandNav .NavLeft li:nth-of-type(3):hover {
    cursor: pointer
}

.BrandNav .NavLeft li:nth-of-type(5) {
    height: 22px;
    line-height: 22px
}

.BrandNav input {
    float: left;
    padding-left: 5px;
    width: 135px;
    height: 24px;
    border: 1px solid #ddd;
    outline: none
}

.BrandNav button {
    float: left;
    width: 40px;
    height: 24px;
    background: #666 url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_product_magnifylensB.png) 50% no-repeat
}

.BrandNav .NavRight {
    font-size: 12px;
    float: right;
    color: #666;
    height: 22px;
    line-height: 22px
}

.BrandNav .NavRight span {
    font-weight: 600
}

.AdPosition .AdLeft a,.NoInfo .NoInfoRight {
    width: 100px;
    height: 24px;
    background: #111;
    color: #fff;
    text-align: center;
    line-height: 24px;
    cursor: pointer
}

.BrandAd {
    height: 190px;
    background-color: #c5bcae;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
    position: relative
}

.AdPosition {
    width: 1130px;
    margin: 0 auto;
    font-size: 12px;
    overflow: hidden
}

.AdPosition .AdLeft {
    float: left;
    width: 140px;
    height: 140px;
    margin-top: 25px;
    background: #fff
}

.AdPosition .AdLeft a {
    display: block;
    margin-left: 20px
}

.AdPosition .AdLeft .brandImg {
    margin: 18px 0
}

.AdPosition .AdRight {
    float: right;
    margin-right: 15px
}

.AdPosition .AdRight a {
    display: block;
    width: 100px;
    height: 30px;
    background: #fff;
    color: #333;
    margin-bottom: 14px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    font-size: 12px
}

.AdPosition .AdRight a:first-of-type {
    margin-top: 14px
}

.NoInfo {
    background: #fafafa
}

.NoInfo .AdPosition {
    overflow: visible;
    height: 60px
}

.NoInfo .NoInfoLeft {
    float: left;
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.2)
}

.NoInfo .NoInfoRight {
    display: block;
    height: 30px;
    line-height: 30px;
    float: right;
    margin: 18px 15px 0 0
}

.NoInfo .brand_desc {
    width: 800px;
    display: none;
    float: left
}

.BrandClassification,.brandPage .category-list-container {
    margin-top: 20px;
    border-top: 1px solid #aaa
}

.BrandClassification {
    height: 54px
}

.BrandClassification .category-list-name {
    float: left;
    width: 91px;
    height: 47px;
    padding-left: 14px;
    line-height: 47px;
    font-weight: 600;
    font-size: 14px
}

.BrandClassification .list-container {
    width: 955px;
    padding-left: 15px;
    float: left;
    overflow: hidden
}

.BrandClassification .list-container .category-list-detail {
    float: left;
    width: 138px;
    height: 47px;
    line-height: 47px;
    font-size: 14px
}

.BrandClassification .list-container .category-list-detail a {
    cursor: pointer;
    float: left;
    height: 22px;
    margin-top: 14px;
    line-height: 22px
}

.BrandClassification .list-container .category-list-detail .category-list-detail-active {
    color: #e00
}

.BrandStoryContainer {
    background: #fff;
    min-width: 1190px;
    text-align: center
}

.BrandStoryContainer #BrandImage {
    display: inline-block;
    min-height: 300px;
    padding: 90px 0 10px;
    min-width: 960px
}

.BrandStory #Footer {
    margin-top: 0
}

#OrderDetail {
    background: #fff;
    min-width: 1190px
}

#OrderDetail #Navigation {
    box-shadow: 0 0 8px 0 rgba(0,0,0,.15)
}

.order-detail-info {
    width: 100%;
    min-width: 1190px
}

.order-detail-info .order-detail-info-container {
    width: 1190px;
    margin: 0 auto
}

.order-detail-nav {
    padding-top: 20px;
    padding-bottom: 20px
}

.order-detail-nav li {
    display: inline-block;
    margin-right: 5px
}

.order-detail-nav li a {
    color: #666;
    font-size: 14px
}

.order-detail-nav li.active a {
    color: #000
}

.order-detail-my-order .order-detail-order-title {
    display: block;
    color: #000;
    font-size: 16px;
    padding-bottom: 18px;
    border-bottom: 1px solid #000;
    font-weight: 500
}

.order-detail-my-order .order-detail-order-info {
    overflow: hidden;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 20px
}

.order-detail-my-order .order-detail-order-info .order-detail-order-number {
    display: block;
    float: left;
    color: #000;
    font-size: 16px;
    font-weight: 500
}

.order-detail-my-order .order-detail-order-info .order-detail-order-logistic,.order-detail-my-order .order-detail-order-info .order-detail-order-logistic>div {
    float: left
}

.order-detail-my-order .order-detail-order-info .order-detail-order-logistic>div:first-of-type {
    width: 1px;
    height: 10px;
    background-color: #ccc;
    margin: 2px 20px 0
}

.order-detail-my-order .order-detail-order-info .order-detail-order-logistic>div:nth-of-type(2) {
    width: 43px;
    height: 13px;
    margin: 1px 4px 0 0
}

.order-detail-my-order .order-detail-order-info .order-detail-order-logistic>a {
    cursor: pointer;
    font-size: 12px;
    float: left;
    margin-top: -1px;
    color: #333
}

.order-detail-my-order .order-detail-order-info .order-detail-order-price {
    float: right;
    font-size: 14px
}

.order-detail-my-order .order-detail-order-info .order-detail-order-price .money {
    color: #e00
}

.order-detail-my-order .order-detail-order-info .order-detail-order-price .to-pay {
    color: #333
}

.order-detail-my-order .order-detail-order-info .order-detail-order-price .card-pay {
    font-size: 12px;
    color: #000;
    cursor: pointer;
    margin-left: 10px
}

.order-detail-my-order .order-detail-order-info .order-detail-order-price>.cardPayArea {
    margin-top: 5px;
    position: absolute;
    z-index: 100;
    width: 145px;
    border: 1px solid #eee;
    box-shadow: 0 0 8px #ddd;
    -webkit-box-shadow: 0 0 8px #ddd;
    -moz-box-shadow: 0 0 8px #ddd
}

.order-detail-my-order .order-detail-order-info .order-detail-order-price>.cardPayArea>.topArrow {
    float: right;
    margin: -5px 8px 0 0;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff
}

.order-detail-my-order .order-detail-order-info .order-detail-order-price>.cardPayArea>.cardText {
    width: 145px;
    height: 16px;
    line-height: 16px;
    margin-top: 5px;
    float: left;
    clear: both;
    text-align: center;
    font-size: 12px
}

.order-detail-my-order .order-detail-order-info .order-detail-order-price>.cardPayArea>.cardText.second {
    margin-bottom: 5px
}

.order-detail-my-order .order-detail-order-info .order-detail-order-price>.cardPayArea>.cardText>span:first-of-type {
    color: #666
}

.order-detail-my-order .order-detail-order-info .order-detail-order-price>.cardPayArea>.cardText>span:nth-of-type(2) {
    color: #e00
}

.order-detail-my-order .order-detail-order-information {
    width: 100%;
    margin-bottom: 20px
}

.order-detail-my-order .order-detail-order-information li {
    display: block;
    width: 100%;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    margin-bottom: 5px
}

.order-detail-my-order .order-detail-order-information li p {
    display: inline-block;
    color: #999
}

.order-detail-my-order .order-detail-order-information li p.black {
    color: #000
}

.order-detail-my-order .order-detail-order-information li span {
    color: #2a2a2a;
    width: 65px;
    display: inline-block
}

.order-detail-my-order .order-detail-order-information li .order-detail-order-information-changeAddress {
    float: right;
    text-decoration: underline;
    cursor: pointer;
    display: none
}

.order-detail-my-order .order-detail-order-information li .add-block {
    display: block
}

.package-status {
    float: left;
    overflow: hidden
}

.package-status .package-status-left,.package-status .package-status-right {
    float: left;
    background: #fafafa
}

.package-status .package-status-left {
    width: 270px;
    margin-right: 10px;
    height: 210px
}

.package-status .package-status-left .current-status-wrap {
    width: 100px;
    margin: 28px auto 0
}

.package-status .package-status-left .current-status-wrap.mt74 {
    margin-top: 74px
}

.package-status .package-status-left .current-status-wrap i {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto 10px
}

.package-status .package-status-left .current-status-wrap .to-be-paid {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/order-detail-status.png) 0 0 no-repeat
}

.package-status .package-status-left .current-status-wrap .to-be-confirmed {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/order-detail-status.png) -32px 0 no-repeat
}

.package-status .package-status-left .current-status-wrap .delivering {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/order-detail-status.png) -64px 0 no-repeat
}

.package-status .package-status-left .current-status-wrap .completed {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/order-detail-status.png) -96px 0 no-repeat
}

.package-status .package-status-left .current-status-wrap .not-completed {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/order-detail-status.png) -128px 0 no-repeat
}

.package-status .package-status-left .current-status-wrap .downPay-allRight {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/order-detail-status.png) -160px 0 no-repeat
}

.package-status .package-status-left .current-status-wrap .downPay-cancel {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/order-detail-status.png) -192px 0 no-repeat
}

.package-status .package-status-left .current-status-wrap .left-name {
    text-align: center;
    font-size: 20px;
    color: #333;
    margin-bottom: 20px
}

.package-status .package-status-left .current-status-wrap .buy-again,.package-status .package-status-left .current-status-wrap .pay-immediently {
    width: 100px;
    height: 30px;
    text-align: center;
    background: #e00;
    line-height: 30px;
    color: #fff;
    font-size: 14px;
    margin-bottom: 12px;
    cursor: pointer
}

.package-status .package-status-left .current-status-wrap .cancel-order,.package-status .package-status-left .current-status-wrap .remark-product {
    width: 100px;
    height: 30px;
    text-align: center;
    background: #fff;
    border: 1px solid #ddd;
    line-height: 30px;
    color: #666;
    font-size: 14px;
    cursor: pointer
}

.package-status .package-status-right {
    float: left;
    width: 795px;
    height: 135px;
    padding: 30px 65px 45px 50px;
    overflow: hidden
}

.package-status .package-status-right .step-container {
    margin-top: 30px
}

.package-status .package-status-right .count-down .count {
    margin: 0 5px;
    color: #e00
}

.package-status .package-status-right .dispatching,.package-status .package-status-right .pay-on-hold,.package-status .package-status-right .proccessing,.package-status .package-status-right .step-four,.package-status .package-status-right .step-one,.package-status .package-status-right .step-one-add,.package-status .package-status-right .step-three,.package-status .package-status-right .step-two {
    float: left
}

.package-status .package-status-right .dispatching i,.package-status .package-status-right .pay-on-hold i,.package-status .package-status-right .proccessing i,.package-status .package-status-right .step-four i,.package-status .package-status-right .step-one-add i,.package-status .package-status-right .step-one i,.package-status .package-status-right .step-three i,.package-status .package-status-right .step-two i {
    display: block;
    width: 39px;
    height: 39px;
    margin: 5px auto 10px
}

.package-status .package-status-right .dispatching .status-name,.package-status .package-status-right .pay-on-hold .status-name,.package-status .package-status-right .proccessing .status-name,.package-status .package-status-right .step-four .status-name,.package-status .package-status-right .step-one-add .status-name,.package-status .package-status-right .step-one .status-name,.package-status .package-status-right .step-three .status-name,.package-status .package-status-right .step-two .status-name {
    text-align: center;
    font-size: 16px;
    color: #999;
    margin-bottom: 5px
}

.package-status .package-status-right .dispatching .status-name.now,.package-status .package-status-right .pay-on-hold .status-name.now,.package-status .package-status-right .proccessing .status-name.now,.package-status .package-status-right .step-four .status-name.now,.package-status .package-status-right .step-one-add .status-name.now,.package-status .package-status-right .step-one .status-name.now,.package-status .package-status-right .step-three .status-name.now,.package-status .package-status-right .step-two .status-name.now {
    color: #000
}

.package-status .package-status-right .dispatching .status-time,.package-status .package-status-right .pay-on-hold .status-time,.package-status .package-status-right .proccessing .status-time,.package-status .package-status-right .step-four .status-time,.package-status .package-status-right .step-one-add .status-time,.package-status .package-status-right .step-one .status-time,.package-status .package-status-right .step-three .status-time,.package-status .package-status-right .step-two .status-time {
    font-size: 12px;
    text-align: center;
    color: #999
}

.package-status .package-status-right .step-one {
    width: 120px
}

.package-status .package-status-right .step-one i {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/order-detail-flow.png) no-repeat 0 0
}

.package-status .package-status-right .step-one-add {
    width: 120px
}

.package-status .package-status-right .step-one-add i {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/order-detail-flow.png) no-repeat -156px -39px
}

.package-status .package-status-right .step-one-add .step-one-add-change {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/order-detail-flow.png) no-repeat -156px 0
}

.package-status .package-status-right .step-two {
    width: 120px
}

.package-status .package-status-right .step-two i {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/order-detail-flow.png) no-repeat -39px -39px
}

.package-status .package-status-right .step-two .step-two-change {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/order-detail-flow.png) no-repeat -39px 0
}

.package-status .package-status-right .step-three {
    width: 120px
}

.package-status .package-status-right .step-three i {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/order-detail-flow.png) no-repeat -78px -39px
}

.package-status .package-status-right .step-three .step-three-change {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/order-detail-flow.png) no-repeat -78px 0
}

.package-status .package-status-right .step-four {
    width: 120px
}

.package-status .package-status-right .step-four i {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/order-detail-flow.png) no-repeat -117px -39px
}

.package-status .package-status-right .step-four .step-four-change {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/order-detail-flow.png) no-repeat -117px 0
}

.package-status .package-status-right .dispatching,.package-status .package-status-right .pay-on-hold,.package-status .package-status-right .proccessing {
    width: 165px;
    text-align: center;
    margin-left: -30px;
    margin-right: -30px
}

.package-status .package-status-right .dispatching.wth103,.package-status .package-status-right .pay-on-hold.wth103,.package-status .package-status-right .proccessing.wth103 {
    width: 103px
}

.package-status .package-status-right .flow-name {
    font-size: 12px;
    color: #999;
    margin-bottom: 8px
}

.package-status .package-status-right .add-flow {
    color: #333
}

.package-status .package-status-right .flow-line {
    height: 3px;
    background: #f5f5f5
}

.package-status .package-status-right .flow-line p {
    width: 0;
    height: 100%;
    background: #333
}

.package-status .package-status-right .flow-line .complete-flow {
    width: 100%
}

.package-status .package-status-right .flow-line .incomplete-flow {
    width: 50%
}

.cancel-status {
    padding: 30px 38px 31px 110px;
    background: #fafafa;
    overflow: hidden;
    line-height: 32px
}

.cancel-status i {
    float: left;
    width: 32px;
    height: 32px;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/order-detail-status.png) -128px 0 no-repeat;
    margin-right: 10px
}

.cancel-status .removed {
    font-size: 20px;
    color: #333;
    margin-right: 20px
}

.cancel-status .remove-reason {
    color: #999;
    margin-right: 100px
}

.cancel-status .place-time {
    color: #999;
    margin-right: 20px
}

.cancel-status .cancel-time {
    color: #999
}

.cancel-status .buy-again {
    float: right;
    width: 100px;
    height: 30px;
    margin-top: 1px;
    font-size: 14px;
    text-align: center;
    background: #e00;
    color: #fff;
    cursor: pointer
}

.split-package .user-tip {
    border-top: 1px solid #eee;
    padding: 10px 0 20px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #666
}

.split-package .user-tip i {
    float: left;
    width: 14px;
    height: 14px;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/order-detail-icon.png) -32px 0 no-repeat;
    margin: 3px 10px 0 0
}

.split-package .order-list {
    margin-bottom: 80px
}

.split-package .order-list h1 {
    font-weight: 600;
    font-size: 16px;
    border-bottom: 1px solid #ddd;
    margin-top: 20px
}

.single-package-container .package-status-left {
    width: 279px;
    margin-right: 0;
    border-right: 1px solid #eee
}

.single-package {
    width: 1170px;
    float: left;
    background: #fafafa;
    height: 40px;
    line-height: 44px;
    padding-left: 20px;
    border-bottom: 1px solid #eee
}

.single-package i {
    float: left;
    width: 18px;
    height: 20px;
    margin-top: 10px;
    margin-right: 10px;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/order-detail-icon.png) -14px 0 no-repeat
}

.single-package .package-order {
    float: left;
    font-size: 16px;
    color: #000;
    margin-right: 20px
}

.single-package .package-order+span {
    float: left;
    font-size: 12px;
    color: #666
}

.single-package>.logisticModel {
    float: left;
    height: 30px
}

.single-package>.logisticModel>div {
    float: left
}

.single-package>.logisticModel>div:first-of-type {
    width: 1px;
    height: 10px;
    background-color: #ccc;
    margin: 16px 20px 0
}

.single-package>.logisticModel>div:nth-of-type(2) {
    width: 43px;
    height: 13px;
    margin: 15px 4px 0 0
}

.single-package>.logisticModel>a {
    cursor: pointer;
    font-size: 12px;
    float: left;
    margin-top: -1px;
    color: #333
}

.Logistic-info-container {
    float: left;
    margin-top: 40px;
    overflow: hidden
}

.Logistic-info-container.ht120 {
    height: 120px
}

.Logistic-info-container .Logistic-info-left {
    float: left;
    width: 290px
}

.Logistic-info-container .Logistic-info-left>.testModule {
    color: #000;
    float: left;
    width: 290px;
    margin-bottom: 20px
}

.Logistic-info-container .Logistic-info-left>.testModule>p:first-of-type {
    float: left;
    width: 120px;
    text-align: right
}

.Logistic-info-container .Logistic-info-left>.testModule>p:nth-of-type(2) {
    color: #666;
    margin-left: 10px;
    float: left
}

.Logistic-info-container .package-tracking {
    float: left;
    height: 120px;
    overflow-y: auto;
    padding-left: 53px;
    width: 719px
}

.Logistic-info-container .tracking-info {
    overflow: hidden
}

.Logistic-info-container .tracking-info .tracking-line {
    float: left;
    overflow: hidden;
    width: 15px;
    margin-right: 18px
}

.Logistic-info-container .tracking-info .tracking-line i {
    float: left;
    width: 15px;
    height: 18px;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/logistic-dot.png) 3px no-repeat
}

.Logistic-info-container .tracking-info .tracking-line .change-bg {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/order-detail-icon.png) -50px -4px no-repeat
}

.Logistic-info-container .tracking-info .tracking-line p {
    width: 1px;
    height: 55px;
    float: left;
    margin-left: 7px;
    background: #ccc
}

.Logistic-info-container .tracking-info .move-down {
    margin-top: 12px
}

.Logistic-info-container .tracking-info .tracking-detail {
    float: left
}

.unsplit-package .order-list {
    margin-top: 80px
}

.order-list {
    float: left
}

.order-list h1 {
    height: 34px;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    border-bottom: 1px solid #000
}

.order-list>ul.all {
    height: 42px;
    padding-top: 10px
}

.order-list>ul.all li {
    float: left;
    color: #333
}

.order-list>ul.all li:first-of-type {
    width: 216px;
    margin: 0 454px 0 110px
}

.order-list>ul.all li:nth-of-type(2) {
    width: 44px;
    margin-right: 80px
}

.order-list>ul.all li:nth-of-type(3) {
    width: 24px;
    margin-right: 80px
}

.order-list>ul.all li:nth-of-type(4) {
    width: 44px;
    margin-right: 76px
}

.order-list>ul.all li:nth-of-type(5) {
    margin-left: 12px
}

.order-list>ul.one {
    height: 42px;
    padding-top: 10px
}

.order-list>ul.one li {
    float: left;
    color: #999
}

.order-list>ul.one li:first-of-type {
    width: 216px;
    margin: 0 274px 0 110px
}

.order-list>ul.one li:nth-of-type(2) {
    width: 44px;
    margin-right: 80px
}

.order-list>ul.one li:nth-of-type(3) {
    width: 24px;
    margin-right: 80px
}

.order-list>ul.one li:nth-of-type(4),.order-list>ul.one li:nth-of-type(5) {
    width: 74px;
    margin-right: 76px
}

.order-list>ul.one li:nth-of-type(6) {
    margin-left: 12px
}

.order-list .gift-product {
    height: 40px;
    background: #f5f5f5;
    line-height: 40px;
    padding-left: 30px
}

.order-list .gift-product i {
    float: left;
    width: 14px;
    height: 14px;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/order-detail-icon.png) 0 0 no-repeat;
    margin-right: 10px;
    margin-top: 13px
}

.order-list .gift-product em {
    color: #e00;
    font-weight: 700
}

.order-list .gift-product .review-detail {
    color: #e00;
    font-weight: 700;
    cursor: pointer;
    margin-left: 20px
}

.order-list .gift-product .review-detail b {
    margin-left: 5px;
    font-size: 14px
}

.order-list .gift-detail {
    position: absolute
}

.order-list .Look-donation {
    margin: -5px 0 0 115px
}

.item-container {
    overflow: hidden;
    margin-bottom: 30px
}

.item-container div {
    float: left
}

.item-container .item-img {
    margin-right: 20px
}

.item-container .item-img img {
    width: 90px;
    height: 90px;
    cursor: pointer
}

.item-container .item-detail {
    width: 216px;
    margin-right: 454px
}

.item-container .item-detail.mr274 {
    margin-right: 274px
}

.item-container .item-detail .item-brand {
    color: #000;
    font-size: 12px;
    font-weight: 600
}

.item-container .item-detail .item-productName {
    color: #000;
    margin: 5px 0
}

.item-container .item-detail .item-sepc {
    color: #474747
}

.item-container .item-price {
    width: 44px;
    margin-right: 80px;
    text-align: center
}

.item-container .item-quantity {
    width: 24px;
    margin-right: 80px;
    text-align: center
}

.item-container .item-total {
    width: 44px;
    margin-right: 76px;
    color: #e00;
    text-align: center
}

.item-container .item-total.wt74 {
    width: 74px
}

.item-container .item-downPay {
    width: 74px;
    margin-right: 76px;
    color: #e00;
    text-align: center
}

.item-container .buy-again {
    cursor: pointer
}

.item-container .buy-again:hover {
    color: #e00;
    text-decoration: underline
}

.order-detail-order-result {
    margin-top: 30px;
    float: right
}

.order-detail-order-result .order-detail-order-result-ul li {
    width: 100%;
    text-align: right;
    font-size: 12px;
    color: #3b3b3b;
    margin-bottom: 10px
}

.order-detail-order-result .order-detail-order-result-ul li em {
    display: inline-block;
    width: 70px;
    text-align: right
}

.order-detail-order-result .order-detail-order-result-info {
    width: 100%;
    margin-top: 30px;
    color: #858585
}

.order-detail-order-result .order-detail-order-result-info>p {
    margin-top: 11px;
    float: right;
    font-size: 12px;
    color: #999;
    height: 24px;
    line-height: 33px;
    vertical-align: bottom
}

.order-detail-order-result .order-detail-order-result-info>em {
    margin-top: 11px;
    float: right;
    color: #000;
    height: 24px;
    line-height: 33px;
    vertical-align: bottom
}

.order-detail-order-result .order-detail-order-result-info>span {
    margin-top: 11px;
    float: right;
    color: #e00;
    font-size: 18px;
    height: 24px;
    line-height: 30px;
    vertical-align: bottom
}

.order-detail-order-result .order-detail-order-result-info>span.ft12 {
    margin-left: 10px;
    font-size: 12px;
    height: 24px;
    line-height: 33px;
    vertical-align: bottom
}

.order-detail-order-result .order-detail-order-result-info>.quicklyPay {
    font-size: 18px;
    width: 156px;
    float: right;
    margin-left: 30px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background-color: #e00;
    cursor: pointer
}

.order-detail-order-result .order-detail-order-result-info>.quicklyPay:hover {
    background-color: #e00000
}

.LookDonationDetail {
    position: absolute;
    z-index: 997
}

.LookDonationDetail .topArrow {
    position: absolute;
    z-index: 999;
    margin-left: 22px;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent
}

.LookDonationDetail .mainBg {
    z-index: 998;
    position: absolute;
    margin-top: 5px;
    clear: both;
    width: 380px;
    background-color: #fff;
    box-shadow: 0 0 8px #ddd;
    -webkit-box-shadow: 0 0 8px #ddd;
    -moz-box-shadow: 0 0 8px #ddd
}

.LookDonationDetail .mainBg .productList {
    margin-top: 20px;
    width: 380px
}

.LookDonationDetail .mainBg .productList.overAuto {
    height: 440px;
    overflow: auto
}

.LookDonationDetail .mainBg .productList>ul>li {
    float: left;
    width: 380px;
    height: 90px;
    margin-top: 20px
}

.LookDonationDetail .mainBg .productList>ul>li>img {
    float: left;
    margin-left: 20px
}

.LookDonationDetail .mainBg .productList>ul>li>p {
    padding-left: 10px;
    margin-top: 3px;
    width: 250px;
    float: left;
    height: 40px;
    line-height: 20px;
    position: relative
}

.LookDonationDetail .mainBg .productList>ul>li>p>span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.LookDonationDetail .mainBg .productList>ul>li>.first {
    margin-top: 13px;
    height: 0
}

.LookDonationDetail .mainBg .productList>ul>li>.third {
    margin-top: 7px;
    color: #666
}

.LookDonationDetail .mainBg .closeButtonBg {
    float: left;
    width: 100%;
    height: 70px
}

.LookDonationDetail .mainBg .closeButtonBg .closeButton {
    cursor: pointer;
    color: #666;
    text-align: center;
    float: left;
    margin: 10px 0 0 165px;
    width: 48px;
    height: 18px;
    line-height: 18px;
    border: 1px solid #ddd
}

.PackageStatusConfirmDownPay>.bg {
    position: fixed;
    opacity: .7;
    filter: alpha(opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2000;
    background-color: #000
}

.PackageStatusConfirmDownPay>.center {
    background-color: #fff;
    position: fixed;
    width: 500px;
    height: 320px;
    top: 50%;
    left: 50%;
    margin-left: -250px;
    margin-top: -160px;
    z-index: 2001
}

.PackageStatusConfirmDownPay>.center>.title {
    float: left;
    width: 100%;
    height: 58px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 58px;
    background-color: #000;
    letter-spacing: 1px
}

.PackageStatusConfirmDownPay>.center>.title>.closeButton {
    width: 17px;
    height: 17px;
    background-position: 0 0;
    position: absolute;
    margin: -37px 0 0 460px;
    cursor: pointer
}

.PackageStatusConfirmDownPay>.center>.main {
    width: 322px;
    height: 160px;
    margin: 60px 0 0 89px;
    float: left
}

.PackageStatusConfirmDownPay>.center>.main>.PayText {
    float: left;
    font-size: 14px;
    width: 100%;
    margin-bottom: 20px
}

.PackageStatusConfirmDownPay>.center>.main>.PayText>p:first-of-type {
    float: left;
    color: #333
}

.PackageStatusConfirmDownPay>.center>.main>.PayText>p:nth-of-type(2) {
    float: right;
    color: #e00
}

.PackageStatusConfirmDownPay>.center>.main>.line {
    width: 100%;
    height: 1px;
    float: left;
    background-color: #eee;
    margin-bottom: 20px
}

.PackageStatusConfirmDownPay>.center>.main>.text {
    width: 100%;
    float: left;
    height: 14px
}

.PackageStatusConfirmDownPay>.center>.main>.text>.icon {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/order-detail-icon.png) -32px 0 no-repeat;
    float: left;
    width: 14px;
    height: 14px
}

.PackageStatusConfirmDownPay>.center>.main>.text>.text {
    float: left;
    height: 14px;
    line-height: 14px;
    margin-left: 8px;
    color: #666;
    letter-spacing: 1px
}

.PackageStatusConfirmDownPay>.center>.main>.confirmButton {
    float: left;
    letter-spacing: 1px;
    font-size: 14px;
    width: 190px;
    height: 30px;
    margin: 50px 0 0 66px;
    background-color: #000;
    color: #fff;
    line-height: 30px;
    text-align: center;
    cursor: pointer
}

.PackageStatusConfirmDownPay>.center>.main>.confirmButton:hover {
    background-color: #e00
}

.oredrDetail_bottomArea {
    float: left;
    margin-bottom: 30px
}

.SepProductDetail,.SepProductDetail>.moveNav {
    width: 100%;
    min-width: 1190px;
    background-color: #fff
}

.SepProductDetail>.moveNav {
    position: fixed;
    z-index: 1000;
    height: 60px;
    top: 0;
    box-shadow: 0 0 8px #ddd;
    -webkit-box-shadow: 0 0 8px #ddd;
    -moz-box-shadow: 0 0 8px #ddd
}

.SepProductDetail>.moveNav>.center {
    width: 1190px;
    height: 60px;
    margin: auto
}

.SepProductDetail>.moveNav>.center>.nav {
    float: left;
    margin-left: 200px;
    height: 60px
}

.SepProductDetail>.moveNav>.center>.nav>ul>li {
    float: left;
    height: 57px;
    width: 90px;
    font-size: 16px;
    text-align: center;
    margin-right: 10px;
    line-height: 60px;
    cursor: pointer;
    color: #333
}

.SepProductDetail>.moveNav>.center>.nav>ul>li.now {
    color: #000;
    border-bottom: 3px solid #000
}

.SepProductDetail>.moveNav>.center .app-channel-product {
    float: right;
    width: 180px;
    height: 60px;
    cursor: pointer
}

.SepProductDetail>.moveNav>.center .app-channel-product.full {
    background-color: #000;
    cursor: pointer
}

.SepProductDetail>.moveNav>.center .app-channel-product.full:hover {
    background-color: #e00
}

.SepProductDetail>.moveNav>.center .app-channel-product>p {
    float: left;
    margin-left: 33px;
    font-size: 16px;
    letter-spacing: 1px;
    color: #fff;
    margin-top: 24px
}

.SepProductDetail>.moveNav>.center .app-channel-product>.icon {
    width: 16px;
    height: 21px;
    background-position: -24px -16px;
    float: left;
    margin: 20px 0 0 9px
}

.SepProductDetail>.moveNav>.center>.full-booking-product {
    font-size: 16px;
    width: 180px;
    height: 60px;
    float: right;
    margin-right: 10px;
    line-height: 60px;
    color: #fff;
    text-align: center;
    background-color: #000;
    cursor: pointer
}

.SepProductDetail>.moveNav>.center>.full-booking-product:hover {
    background-color: #e00
}

.SepProductDetail>.moveNav>.center>.preSalesActivitiesButton {
    font-size: 16px;
    width: 180px;
    height: 60px;
    float: right;
    margin-right: 10px;
    line-height: 60px;
    color: #fff;
    text-align: center
}

.SepProductDetail>.moveNav>.center>.preSalesActivitiesButton.yes {
    background-color: #e00;
    cursor: pointer
}

.SepProductDetail>.moveNav>.center>.preSalesActivitiesButton.yes:hover {
    background-color: #000
}

.SepProductDetail>.moveNav>.center>.preSalesActivitiesButton.no {
    background-color: #999;
    cursor: default
}

.SepProductDetail>.moveNav>.center>.addToCartButton {
    float: right;
    width: 180px;
    height: 60px;
    cursor: pointer
}

.SepProductDetail>.moveNav>.center>.addToCartButton.yes {
    background-color: #e00;
    cursor: pointer
}

.SepProductDetail>.moveNav>.center>.addToCartButton.yes:hover {
    background-color: #000
}

.SepProductDetail>.moveNav>.center>.addToCartButton.no {
    background-color: #999;
    cursor: default
}

.SepProductDetail>.moveNav>.center>.addToCartButton>p {
    float: left;
    margin-left: 33px;
    font-size: 16px;
    letter-spacing: 1px;
    color: #fff;
    margin-top: 24px
}

.SepProductDetail>.moveNav>.center>.addToCartButton>.icon {
    width: 16px;
    height: 21px;
    background-position: -24px -16px;
    float: left;
    margin: 20px 0 0 9px
}

.SepProductDetail>.moveNav>.center>.preSaleAddCartButton {
    float: right;
    width: 180px;
    height: 60px;
    cursor: pointer
}

.SepProductDetail>.moveNav>.center>.preSaleAddCartButton.yes {
    background-color: #e00;
    cursor: pointer
}

.SepProductDetail>.moveNav>.center>.preSaleAddCartButton.yes:hover {
    background-color: #000
}

.SepProductDetail>.moveNav>.center>.preSaleAddCartButton.no {
    background-color: #999;
    cursor: default
}

.SepProductDetail>.moveNav>.center>.preSaleAddCartButton>p {
    color: #fff;
    float: left;
    width: 180px;
    text-align: center
}

.SepProductDetail>.moveNav>.center>.preSaleAddCartButton>p:first-of-type {
    margin-top: 15px;
    font-size: 16px
}

.SepProductDetail>.moveNav>.center>.preSaleAddCartButton>p:nth-of-type(2) {
    margin-top: 3px
}

.SepProductDetail>.mainCenter {
    width: 1190px;
    margin: auto;
    margin-bottom: 80px
}

.SepProductDetail>.mainCenter>.crumbs {
    float: left;
    width: 100%;
    margin: 26px 0
}

.SepProductDetail>.mainCenter>.crumbs>div {
    font-size: 12px;
    float: left;
    margin-right: 8px;
    color: #666
}

.SepProductDetail>.mainCenter>.crumbs>div>a {
    color: #666
}

.SepProductDetail>.mainCenter>.crumbs>div>a.now {
    color: #000
}

.SepProductDetail>.mainCenter>.crumbs>div>a:hover {
    color: #e00;
    text-decoration: underline
}

.SepProductDetail>.mainCenter>.productImageChange {
    float: left;
    width: 320px;
    height: 400px
}

.SepProductDetail>.mainCenter>.productImageChange>.imgOrVideo {
    float: left;
    width: 320px;
    height: 320px;
    position: relative
}

.SepProductDetail>.mainCenter>.productImageChange>.imgOrVideo>.picture {
    float: left
}

.SepProductDetail>.mainCenter>.productImageChange>.imgOrVideo>.bigIcon {
    position: absolute;
    width: 16px;
    height: 15px;
    background-position: -24px 0
}

.SepProductDetail>.mainCenter>.productImageChange>.imgOrVideo>.videoIcon {
    margin: 135px;
    position: absolute;
    width: 50px;
    height: 50px;
    background-position: -112px 0
}

.SepProductDetail>.mainCenter>.productImageChange>.controlModule {
    float: left;
    width: 320px;
    height: 50px;
    margin-top: 30px
}

.SepProductDetail>.mainCenter>.productImageChange>.controlModule>.Arrow {
    float: left;
    height: 50px;
    width: 35px
}

.SepProductDetail>.mainCenter>.productImageChange>.controlModule>.Arrow .leftArrow {
    margin: 15px 0 0 4px;
    float: left;
    width: 11px;
    height: 20px;
    background-position: -60px -18px
}

.SepProductDetail>.mainCenter>.productImageChange>.controlModule>.Arrow .leftArrow:hover {
    cursor: pointer
}

.SepProductDetail>.mainCenter>.productImageChange>.controlModule>.Arrow .leftArrow.cant {
    background-position: -60px -38px
}

.SepProductDetail>.mainCenter>.productImageChange>.controlModule>.Arrow .leftArrow.cant:hover {
    cursor: default
}

.SepProductDetail>.mainCenter>.productImageChange>.controlModule>.Arrow .rightArrow {
    margin: 15px 0 0 20px;
    float: left;
    width: 11px;
    height: 20px;
    background-position: -24px -36px
}

.SepProductDetail>.mainCenter>.productImageChange>.controlModule>.Arrow .rightArrow:hover {
    cursor: pointer
}

.SepProductDetail>.mainCenter>.productImageChange>.controlModule>.Arrow .rightArrow.cant {
    background-position: -24px -56px
}

.SepProductDetail>.mainCenter>.productImageChange>.controlModule>.Arrow .rightArrow.cant:hover {
    cursor: default
}

.SepProductDetail>.mainCenter>.productImageChange>.controlModule>ul.picture>li {
    width: 50px;
    height: 50px;
    float: left;
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    opacity: .5
}

.SepProductDetail>.mainCenter>.productImageChange>.controlModule>ul.picture>li.noOpacity {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1
}

.SepProductDetail>.mainCenter>.productImageChange>.controlModule>ul.picture>li>img {
    cursor: pointer;
    float: left
}

.SepProductDetail>.mainCenter>.productImageChange>.controlModule>ul.picture>li>.ifVideo {
    position: absolute;
    width: 18px;
    height: 18px;
    background-position: -40px -24px;
    margin: 16px;
    cursor: pointer
}

.SepProductDetail>.mainCenter>.productImageChange>.preview>.bg {
    position: fixed;
    opacity: .5;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2000;
    background-color: #000
}

.SepProductDetail>.mainCenter>.productImageChange>.preview>.center {
    background-color: #fff;
    position: fixed;
    width: 800px;
    height: 520px;
    top: 50%;
    left: 50%;
    margin-left: -400px;
    margin-top: -260px;
    z-index: 2001
}

.SepProductDetail>.mainCenter>.ProductMainMixture {
    float: left;
    width: 830px;
    margin-left: 40px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.title {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ddd
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.title>.testBox {
    float: left;
    width: 650px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.title>.testBox>h1 {
    font-weight: 500;
    width: 100%;
    float: left;
    letter-spacing: 1px;
    font-size: 20px;
    color: #000
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.title>.testBox>p {
    width: 100%;
    float: left
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.title>.testBox>p:first-of-type {
    margin-top: 8px;
    font-size: 14px;
    color: #000
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.title>.testBox>p:nth-of-type(2) {
    margin-top: 12px;
    font-size: 12px;
    color: #666
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.title>.logo {
    float: right;
    cursor: pointer
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.special-activity-price {
    float: left;
    width: 100%;
    height: 24px;
    margin-top: 19px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.special-activity-price>p {
    float: left
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.special-activity-price>p.special-activity-one {
    margin-top: 3px;
    color: #666;
    font-size: 12px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.special-activity-price>p.special-activity-two {
    margin-left: 40px;
    margin-top: 3px;
    color: #e00;
    font-size: 14px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.special-activity-price>p.special-activity-three {
    color: #e00;
    font-size: 24px;
    margin-right: 10px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.special-activity-price>p.special-activity-value {
    margin-top: 3px;
    color: #666;
    font-size: 12px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.special-activity-price>p.special-activity-number {
    margin-top: 3px;
    color: #666;
    font-size: 12px;
    margin-left: 5px;
    margin-right: 10px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.special-activity-price>p.special-activity-four {
    margin-top: 3px;
    color: #666;
    font-size: 12px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.special-activity-price>p.special-activity-five {
    margin-top: 3px;
    color: #000;
    font-size: 12px;
    margin-left: 5px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.special-activity-price>p.special-activity-eight>p {
    display: inline-block
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.special-activity-price .special-activity-six {
    display: inline-block;
    width: 14px;
    height: 14px;
    position: relative;
    margin-left: 6px;
    margin-top: 3px;
    background: url("http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/checkout_first_minu.png") no-repeat
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.special-activity-price .special-activity-six>p {
    display: inline-block;
    position: absolute;
    width: 181px;
    padding: 10 13 10 16;
    height: 54px;
    top: -82px;
    left: -12px;
    line-height: 18px;
    color: #666;
    background-color: #fff;
    box-shadow: 0 1px 10px 0 rgba(0,0,0,.1);
    font-size: 12px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.special-activity-price .special-activity-six>p>i {
    width: 20px;
    height: 20px;
    left: 13px;
    top: 74px;
    display: inline-block;
    position: absolute;
    background: url("http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/Tria.png") no-repeat
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.special-activity-price .module-checkoutTable-submit-booking {
    display: inline-block;
    position: relative;
    top: -3px;
    left: 20px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.special-activity-price .module-checkoutTable-submit-booking span {
    height: 12px;
    font-size: 12px;
    margin-right: 6px;
    font-family: PingFangSC-Regular;
    color: #666;
    line-height: 18px;
    display: inline-block
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.special-activity-price .module-checkoutTable-submit-booking .module-checkoutTable-submit-booking-countDown {
    float: right;
    position: relative;
    top: -3px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.special-activity-price .module-checkoutTable-submit-booking .module-checkoutTable-submit-booking-countDown>div>p {
    display: inline-block;
    font-size: 14px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.special-activity-price .module-checkoutTable-submit-booking .module-checkoutTable-submit-booking-countDown>div .extraordinary {
    color: #000;
    line-height: 16px;
    font-family: HelveticaNeue
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.special-activity-price .module-checkoutTable-submit-booking .module-checkoutTable-submit-booking-countDown>div .general {
    color: #666;
    line-height: 21px;
    font-family: SourceHanSansCN-Light
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.special-activity-price>ul {
    float: right;
    margin-left: 20px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.special-activity-price>ul>li {
    float: left;
    margin-left: 10px;
    padding: 2px 4px;
    height: 20px;
    line-height: 20px;
    text-align: center
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.special-activity-price>ul>li.exclusiveSephora {
    background-color: #2cbeff;
    color: #fff
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.special-activity-price>ul>li.flagpresell {
    background-color: #ff8300;
    color: #fff
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.special-activity-price>ul>li.newTag {
    background-color: red;
    color: #fff
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.special-activity-price>ul>li.exclusiveOnline {
    background-color: #000;
    color: #ffd435
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.special-activity-price>ul>li.limitedAmount {
    background-color: #000;
    color: #fff
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.special-activity-price>ul>li.memberPrice {
    background-color: #ffc12c;
    color: #fff
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.special-activity-price>ul>li.discount {
    background-color: #f95495;
    color: #fff
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.special-activity-price>ul>li.appExclusive {
    background-color: #8a2be2;
    color: #fff
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.price {
    float: left;
    width: 100%;
    height: 24px;
    margin-top: 19px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.price>p {
    float: left
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.price>p.noShow {
    text-decoration: line-through
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.price>p.one {
    margin-top: 3px;
    color: #666;
    font-size: 12px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.price>p.two {
    margin-left: 40px;
    margin-top: 3px;
    color: #e00;
    font-size: 14px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.price>p.two.ml28 {
    margin-left: 28px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.price>p.three {
    color: #e00;
    font-size: 24px;
    margin-right: 10px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.price>p.four {
    margin-top: 3px;
    color: #666;
    font-size: 12px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.price>p.five {
    margin-left: 2px;
    margin-top: 3px;
    color: #666;
    font-size: 12px;
    margin-right: 45px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.price>p.six {
    margin-top: 3px;
    color: #666;
    font-size: 12px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.price>p.seven {
    margin-left: 2px;
    margin-top: 3px;
    color: #666;
    font-size: 12px;
    margin-right: 45px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.price>p.eight {
    float: right;
    color: #999;
    font-size: 12px;
    width: 220px;
    text-align: right
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.price>ul {
    float: left;
    margin-left: 20px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.price>ul>li {
    float: left;
    margin-left: 10px;
    width: 36px;
    height: 20px;
    line-height: 20px;
    text-align: center
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.price>ul>li.exclusiveSephora {
    background-color: #2cbeff;
    color: #fff
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.price>ul>li.flagpresell {
    background-color: #ff8300;
    color: #fff
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.price>ul>li.newTag {
    background-color: red;
    color: #fff
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.price>ul>li.exclusiveOnline {
    background-color: #000;
    color: #ffd435
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.price>ul>li.limitedAmount {
    background-color: #000;
    color: #fff
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.price>ul>li.memberPrice {
    background-color: #ffc12c;
    color: #fff
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.price>ul>li.discount {
    background-color: #f95495;
    color: #fff
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellPrice {
    float: left;
    width: 100%;
    height: 24px;
    margin-top: 19px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellPrice>p {
    float: left
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellPrice>p.noShow {
    text-decoration: line-through
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellPrice>p.one {
    margin-top: 3px;
    color: #666;
    font-size: 12px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellPrice>p.two {
    margin-left: 40px;
    margin-top: 3px;
    color: #e00;
    font-size: 14px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellPrice>p.three {
    color: #e00;
    font-size: 24px;
    margin-right: 20px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellPrice>p.four {
    margin-top: 3px;
    color: #666;
    font-size: 12px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellPrice>p.five {
    color: #000;
    font-size: 14px;
    margin: 3px 20px 0 2px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellPrice>p.six {
    margin-top: 3px;
    color: #666;
    font-size: 12px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellPrice>p.seven {
    margin: 3px 20px 0 2px;
    color: #666;
    font-size: 12px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellPrice>p.eight {
    margin-top: 3px;
    color: #666;
    font-size: 12px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellPrice>p.nine {
    margin-left: 2px;
    margin-top: 3px;
    color: #666;
    font-size: 12px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellPrice>ul {
    margin-right: 25px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellPrice>ul>li {
    float: right;
    margin-left: 10px;
    width: 36px;
    height: 20px;
    line-height: 20px;
    text-align: center
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellPrice>ul>li.exclusive {
    background-color: #2cbeff;
    color: #fff
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellPrice>ul>li.openToBooking {
    background-color: #ff8300;
    color: #fff
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellPrice>ul>li.newProduct {
    background-color: red;
    color: #fff
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellPrice>ul>li.honourEnjoy {
    background-color: #000;
    color: #ffd435
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellPrice>ul>li.limited {
    background-color: #000;
    color: #fff
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellPrice>ul>li.members {
    background-color: #ffc12c;
    color: #fff
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellPrice>ul>li.timelimit {
    background-color: #f95495;
    color: #fff
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellTimeAndRule {
    float: left;
    width: 100%;
    height: 46px;
    border-bottom: 1px solid #ddd
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellTimeAndRule .activityEndTime {
    color: #666;
    font-size: 12px;
    margin-top: 12px;
    margin-left: 4px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellTimeAndRule>p {
    float: left
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellTimeAndRule>p.title {
    margin-top: 12px;
    color: #666;
    font-size: 12px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellTimeAndRule>p:nth-of-type(2) {
    margin-left: 4px;
    margin-top: 12px;
    color: #666;
    font-size: 12px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellTimeAndRule>.timeIcon {
    float: left;
    width: 15px;
    height: 15px;
    background-position: -110px -70px;
    margin: 12px 0 0 16px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellTimeAndRule>.PreSellTime {
    float: left;
    margin-top: 12px;
    margin-left: 10px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellTimeAndRule>.PreSellTime>p {
    float: left;
    color: #666;
    font-size: 12px;
    margin-right: 5px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellTimeAndRule>.PreSellTime>p.time {
    color: #000;
    font-size: 14px;
    margin-right: 3px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellTimeAndRule>.ruleButton {
    margin-right: 25px;
    margin-top: 12px;
    float: right;
    cursor: pointer
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellTimeAndRule>.ruleButton>p {
    float: left
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellTimeAndRule>.ruleButton>.topArrow {
    float: left;
    background-position: -40px -18px;
    width: 10px;
    height: 6px;
    margin: 6px 0 0 5px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellTimeAndRule>.ruleButton>.bottomArrow {
    float: left;
    background-position: -50px -18px;
    width: 10px;
    height: 6px;
    margin: 6px 0 0 5px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellTimeAndRule>.PreSellRule {
    position: absolute;
    z-index: 200;
    width: 394px;
    margin: 30px 0 0 436px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellTimeAndRule>.PreSellRule>.topArrow {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    margin-left: 326px;
    position: absolute;
    z-index: 2
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellTimeAndRule>.PreSellRule>.mainText {
    border: 1px solid #eee;
    box-shadow: 0 0 8px #ddd;
    -webkit-box-shadow: 0 0 8px #ddd;
    -moz-box-shadow: 0 0 8px #ddd;
    margin-top: 4px;
    width: 394px;
    height: 404px;
    position: absolute;
    background-color: #fff;
    z-index: 1
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellTimeAndRule>.PreSellRule>.mainText>.middleText {
    width: 334px;
    float: left;
    margin: 25px 0 0 25px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellTimeAndRule>.PreSellRule>.mainText>.middleText>p.title {
    float: left;
    font-size: 12px;
    font-weight: 600;
    height: 20px;
    border-bottom: 1px solid #000
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellTimeAndRule>.PreSellRule>.mainText>.middleText>.main {
    float: left;
    margin-top: 15px;
    width: 334px;
    height: 293px;
    overflow: auto;
    font-size: 12px;
    color: #666
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellTimeAndRule>.PreSellRule>.mainText>.middleText>.main>p {
    width: 100%;
    margin-bottom: 2px;
    font-size: 12px;
    color: #666;
    line-height: 19px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellTimeAndRule>.PreSellRule>.mainText>.middleText>.closeButton {
    float: left;
    width: 48px;
    height: 22px;
    border: 1px solid #ddd;
    line-height: 22px;
    margin: 10px 0 0 142px;
    cursor: pointer;
    text-align: center;
    color: #666
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellTip {
    float: left;
    width: 100%;
    height: 14px;
    margin-top: 19px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellTip>.warningIcon {
    width: 14px;
    height: 14px;
    float: left;
    margin-left: 64px;
    background-position: -111px -56px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellTip>p {
    float: left;
    color: #666;
    height: 14px;
    line-height: 14px;
    letter-spacing: 1px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellTip>p:first-of-type {
    margin-left: 4px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.preSellTip>p:nth-of-type(2) {
    margin-left: 14px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.activity {
    float: left;
    width: 830px;
    margin-top: 15px;
    border-bottom: 1px solid #ddd;
    background-color: #fff
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.activity>.bigOrSmall {
    float: left
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.activity>.bigOrSmall.mt19 {
    margin-top: 19px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.activity>.bigOrSmall>p.title {
    float: left;
    color: #666
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.activity>.bigOrSmall>.mainList {
    float: left;
    margin-left: 40px;
    margin-bottom: 10px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.activity>.bigOrSmall>.mainList>li {
    width: 640px;
    margin-bottom: 10px;
    position: relative
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.activity>.bigOrSmall>.mainList>li .type {
    color: #e00;
    float: left;
    height: 18px;
    border: 1px solid #e00;
    padding-left: 5px;
    padding-right: 5px;
    letter-spacing: 1px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.activity>.bigOrSmall>.mainList>li .main {
    letter-spacing: 1px;
    color: #474747;
    margin-left: 50px;
    line-height: 20px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.activity>.bigOrSmall>.mainList>li .promotion .promotion-info {
    display: inline-block;
    width: 68px;
    height: 13px;
    border: 1px solid #eee;
    position: absolute;
    padding: 2 3 6 6;
    right: -125px;
    top: 2px;
    cursor: pointer
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.activity>.bigOrSmall>.mainList>li .promotion .promotion-info>.promotion-icon-top {
    background-position: -40px -18px;
    display: inline-block;
    width: 10px;
    height: 6px;
    margin: 7px 0 0 5px;
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/PDP-ICON.png)
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.activity>.bigOrSmall>.mainList>li .promotion .promotion-info>.promotion-icon-top.down {
    background-position: -50px -18px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.activity>.bigOrSmall>.mainList>li .promotion .promotion-popup-info {
    display: block;
    box-shadow: 0 1px 10px 0 rgba(0,0,0,.1);
    position: absolute;
    background-color: #fff;
    z-index: 999;
    right: -125px;
    top: 30px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.activity>.bigOrSmall>.mainList>li .promotion .promotion-popup-info>.promotion-popup-info-content-i {
    display: inline-block;
    position: absolute;
    right: 24px;
    top: -6px;
    width: 20px;
    height: 20px;
    background: url("http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/Triangle.png") no-repeat
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.activity>.bigOrSmall>.mainList>li .promotion .promotion-popup-info>.promotion-popup-info-content-body {
    padding: 20px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.activity>.bigOrSmall>.mainList>li .promotion .promotion-popup-info>.promotion-popup-info-content-body>.promotion-popup-info-content-body-title {
    margin-bottom: 14px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.activity>.bigOrSmall>.mainList>li .promotion .promotion-popup-info>.promotion-popup-info-content-body>.promotion-popup-info-content-body-title>.promotion-popup-info-content-body-title-present {
    display: inline-block;
    color: #e00;
    border: 1px solid #e00;
    padding: 1 5;
    margin-right: 10px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.activity>.bigOrSmall>.mainList>li .promotion .promotion-popup-info>.promotion-popup-info-content-body>.promotion-popup-info-content-body-title>.promotion-popup-info-content-body-title-text {
    font-size: 12px;
    font-family: SourceHanSansCN-Light;
    color: #333;
    line-height: 18px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.activity>.bigOrSmall>.mainList>li .promotion .promotion-popup-info>.promotion-popup-info-content-body>.promotion-popup-info-content-body-product {
    margin-top: 10px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.activity>.bigOrSmall>.mainList>li .promotion .promotion-popup-info>.promotion-popup-info-content-body>.promotion-popup-info-content-body-product>.promotion-popup-info-content-body-product-title {
    font-size: 12px;
    font-family: SourceHanSansCN-Normal;
    color: #333;
    line-height: 18px;
    margin-bottom: 10px;
    display: inline-block
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.activity>.bigOrSmall>.mainList>li .promotion .promotion-popup-info>.promotion-popup-info-content-body>.promotion-popup-info-content-body-product>.promotion-popup-info-content-body-product-list {
    height: 138px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.activity>.bigOrSmall>.mainList>li .promotion .promotion-popup-info>.promotion-popup-info-content-body>.promotion-popup-info-content-body-product>.promotion-popup-info-content-body-product-list>.promotion-popup-info-content-body-product-list-left {
    width: 40px;
    height: 128px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 56px;
    cursor: pointer
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.activity>.bigOrSmall>.mainList>li .promotion .promotion-popup-info>.promotion-popup-info-content-body>.promotion-popup-info-content-body-product>.promotion-popup-info-content-body-product-list>.promotion-popup-info-content-body-product-list-left>.list-left-icon {
    display: inline-block;
    width: 11px;
    height: 22px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.activity>.bigOrSmall>.mainList>li .promotion .promotion-popup-info>.promotion-popup-info-content-body>.promotion-popup-info-content-body-product>.promotion-popup-info-content-body-product-list>.promotion-popup-info-content-body-product-list-left>.list-left-icon.listLeft {
    background: url("http://runtdyf.com/soa/images/gray-left.png") no-repeat
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.activity>.bigOrSmall>.mainList>li .promotion .promotion-popup-info>.promotion-popup-info-content-body>.promotion-popup-info-content-body-product>.promotion-popup-info-content-body-product-list>.promotion-popup-info-content-body-product-list-left>.list-left-icon.listLeft-blank {
    background: url("http://runtdyf.com/soa/images/blank-left.png") no-repeat
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.activity>.bigOrSmall>.mainList>li .promotion .promotion-popup-info>.promotion-popup-info-content-body>.promotion-popup-info-content-body-product>.promotion-popup-info-content-body-product-list>.promotion-popup-info-content-body-product-list-right {
    width: 40px;
    height: 128px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 56px;
    cursor: pointer
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.activity>.bigOrSmall>.mainList>li .promotion .promotion-popup-info>.promotion-popup-info-content-body>.promotion-popup-info-content-body-product>.promotion-popup-info-content-body-product-list>.promotion-popup-info-content-body-product-list-right>.list-right-icon {
    display: inline-block;
    width: 11px;
    height: 22px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.activity>.bigOrSmall>.mainList>li .promotion .promotion-popup-info>.promotion-popup-info-content-body>.promotion-popup-info-content-body-product>.promotion-popup-info-content-body-product-list>.promotion-popup-info-content-body-product-list-right>.list-right-icon.listrigth {
    background: url("http://runtdyf.com/soa/images/blank-right.png") no-repeat
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.activity>.bigOrSmall>.mainList>li .promotion .promotion-popup-info>.promotion-popup-info-content-body>.promotion-popup-info-content-body-product>.promotion-popup-info-content-body-product-list>.promotion-popup-info-content-body-product-list-right>.list-right-icon.listrigth-gray {
    background: url("http://runtdyf.com/soa/images/gray-right.png") no-repeat
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.activity>.bigOrSmall>.mainList>li .promotion .promotion-popup-info>.promotion-popup-info-content-body>.promotion-popup-info-content-body-product>.promotion-popup-info-content-body-product-list>.promotion-popup-info-content-body-product-ul {
    display: inline-block;
    min-width: 131px;
    max-width: 513px;
    overflow: hidden;
    height: 128px;
    position: relative
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.activity>.bigOrSmall>.mainList>li .promotion .promotion-popup-info>.promotion-popup-info-content-body>.promotion-popup-info-content-body-product>.promotion-popup-info-content-body-product-list>.promotion-popup-info-content-body-product-ul>.promotion-popup-info-content-body-product-ul-container {
    height: 128px;
    display: inline-block;
    position: relative
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.activity>.bigOrSmall>.mainList>li .promotion .promotion-popup-info>.promotion-popup-info-content-body>.promotion-popup-info-content-body-product>.promotion-popup-info-content-body-product-list>.promotion-popup-info-content-body-product-ul>.promotion-popup-info-content-body-product-ul-container>.promotion-popup-info-content-body-product-ul-div {
    margin-right: 40px;
    display: inline-block
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.activity>.bigOrSmall>.mainList>li .promotion .promotion-popup-info>.promotion-popup-info-content-body>.promotion-popup-info-content-body-product>.promotion-popup-info-content-body-product-list>.promotion-popup-info-content-body-product-ul>.promotion-popup-info-content-body-product-ul-container>.promotion-popup-info-content-body-product-ul-div.lose {
    background-color: #fafafa
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.activity>.bigOrSmall>.mainList>li .promotion .promotion-popup-info>.promotion-popup-info-content-body>.promotion-popup-info-content-body-product>.promotion-popup-info-content-body-product-list>.promotion-popup-info-content-body-product-ul>.promotion-popup-info-content-body-product-ul-container>.promotion-popup-info-content-body-product-ul-div>.promotion-popup-info-content-body-product-top {
    position: relative
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.activity>.bigOrSmall>.mainList>li .promotion .promotion-popup-info>.promotion-popup-info-content-body>.promotion-popup-info-content-body-product>.promotion-popup-info-content-body-product-list>.promotion-popup-info-content-body-product-ul>.promotion-popup-info-content-body-product-ul-container>.promotion-popup-info-content-body-product-ul-div>.promotion-popup-info-content-body-product-top>img {
    width: 77px;
    height: 82px;
    margin-left: 29px;
    background-position: 0 0;
    background-size: cover
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.activity>.bigOrSmall>.mainList>li .promotion .promotion-popup-info>.promotion-popup-info-content-body>.promotion-popup-info-content-body-product>.promotion-popup-info-content-body-product-list>.promotion-popup-info-content-body-product-ul>.promotion-popup-info-content-body-product-ul-container>.promotion-popup-info-content-body-product-ul-div>.promotion-popup-info-content-body-product-top>.promotion-popup-info-content-body-product-top-status {
    display: inline-block;
    width: 77px;
    position: absolute;
    left: 29px;
    top: 65px;
    background-color: #999;
    text-align: center
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.activity>.bigOrSmall>.mainList>li .promotion .promotion-popup-info>.promotion-popup-info-content-body>.promotion-popup-info-content-body-product>.promotion-popup-info-content-body-product-list>.promotion-popup-info-content-body-product-ul>.promotion-popup-info-content-body-product-ul-container>.promotion-popup-info-content-body-product-ul-div>.promotion-popup-info-content-body-product-top>span {
    display: inline-block;
    margin-left: 10px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.activity>.bigOrSmall>.mainList>li .promotion .promotion-popup-info>.promotion-popup-info-content-body>.promotion-popup-info-content-body-product>.promotion-popup-info-content-body-product-list>.promotion-popup-info-content-body-product-ul>.promotion-popup-info-content-body-product-ul-container>.promotion-popup-info-content-body-product-ul-div>.promotion-popup-info-content-body-product-bottom {
    width: 131px;
    margin-top: 6px;
    overflow: hidden;
    display: inline-block
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.activity>.bigOrSmall>.mainList>li .promotion .promotion-popup-info>.promotion-popup-info-content-body>.promotion-popup-info-content-body-product>.promotion-popup-info-content-body-product-list>.promotion-popup-info-content-body-product-ul>.promotion-popup-info-content-body-product-ul-container>.promotion-popup-info-content-body-product-ul-div>.promotion-popup-info-content-body-product-bottom>span {
    height: 31px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.activity>.moreButton {
    border: 1px solid #eee;
    width: 78px;
    height: 18px;
    float: right;
    cursor: pointer;
    background-color: #fff
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.activity>.moreButton.special {
    position: absolute;
    margin-left: 750px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.activity>.moreButton.promotion {
    position: relative;
    top: 40px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.activity>.moreButton>p {
    margin-left: 9px;
    float: left;
    height: 18px;
    line-height: 18px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.activity>.moreButton>.topArrow {
    float: left;
    background-position: -40px -18px;
    width: 10px;
    height: 6px;
    margin: 7px 0 0 5px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.activity>.moreButton>.bottomArrow {
    float: left;
    background-position: -50px -18px;
    width: 10px;
    height: 6px;
    margin: 7px 0 0 5px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.colour {
    float: left;
    width: 100%;
    margin-top: 20px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.colour>p.title {
    float: left;
    font-size: 12px;
    color: #666;
    margin-top: 8px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.colour>.everyColour {
    float: left;
    margin-left: 40px;
    width: 552px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.colour>.everyColour>ul>li {
    float: left;
    width: 36px;
    height: 36px;
    margin-right: 10px;
    margin-bottom: 10px;
    box-shadow: inset 0 0 0 1px #ddd;
    -moz-box-shadow: inset 0 0 0 1px #ddd
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.colour>.everyColour>ul>li.now {
    box-shadow: inset 0 0 0 2px #000;
    -moz-box-shadow: inset 0 0 0 2px #000
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.colour>.everyColour>ul>li:hover {
    cursor: pointer;
    box-shadow: inset 0 0 0 1px #000;
    -moz-box-shadow: inset 0 0 0 1px #000
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.colour>.everyColour>ul>li>div.colorBg {
    width: 34px;
    height: 34px;
    float: left;
    margin: 1px;
    background-position: 50%;
    background-size: cover
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.colour>.everyColour>ul>li>div.colorBg.now {
    width: 28px!important;
    height: 28px!important;
    border: 2px solid #fff;
    margin: 2px!important
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.colour>.everyColour>ul>li>div.colorBg>.outOfStock {
    background-position: -77px -16px;
    width: 34px;
    height: 34px;
    float: left
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.colour>.everyColour>ul>li>div.colorBg>.outOfStock.now {
    width: 28px!important;
    height: 28px!important;
    background-position: -80px -19px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.colour>.control {
    float: left;
    margin-left: 20px;
    margin-top: 8px;
    color: #000;
    cursor: pointer
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.colour>.control>p {
    float: left
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.colour>.control>.bottomIcon {
    margin: 6px 0 0 4px;
    float: left;
    width: 10px;
    height: 6px;
    background-position: -40px -18px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.colour>.control>.topIcon {
    margin: 6px 0 0 4px;
    float: left;
    width: 10px;
    height: 6px;
    background-position: -50px -18px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.colour>.selectColor {
    width: 216px;
    height: 24px;
    float: left;
    margin: 4px 0 0 64px;
    clear: both;
    border: 1px solid #ddd;
    cursor: pointer
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.colour>.selectColor>p.mainText {
    float: left;
    height: 24px;
    line-height: 24px;
    color: #000;
    text-indent: 12px;
    font-size: 12px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.colour>.selectColor>.bottomIcon {
    margin: 9px 10px 0 0;
    float: right;
    width: 10px;
    height: 6px;
    background-position: -40px -18px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.colour>.selectColor>.topIcon {
    margin: 9px 10px 0 0;
    float: right;
    width: 10px;
    height: 6px;
    background-position: -50px -18px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.colour>.selectColor>.moreBox {
    background-color: #fff;
    margin-left: -1px;
    margin-top: 24px;
    position: absolute;
    z-index: 100;
    width: 216px;
    border: 1px solid #ddd
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.colour>.selectColor>.moreBox.overF {
    height: 120px;
    overflow: auto
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.colour>.selectColor>.moreBox>ul {
    background-color: #fff
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.colour>.selectColor>.moreBox>ul>li {
    text-indent: 12px;
    color: #666;
    height: 24px;
    line-height: 24px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.colour>.selectColor>.moreBox>ul>li:hover {
    background-color: #f5f5f5;
    color: #000
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.capacity {
    float: left;
    width: 100%;
    margin-top: 20px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.capacity>p.title {
    float: left;
    font-size: 12px;
    color: #666;
    margin-top: 4px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.capacity>.boxList {
    float: left;
    width: 760px;
    margin-left: 40px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.capacity>.boxList .colorPalette {
    display: inline-block;
    margin: 0 10px 10px 0;
    padding: 0 15px;
    height: 22px;
    text-align: center;
    line-height: 33px;
    cursor: pointer
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.capacity>.boxList .colorPalette>span {
    font-size: 12px;
    color: #000
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.capacity>.boxList .hideIsshow {
    display: none
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.capacity>.boxList>li {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 60px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    cursor: pointer
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.capacity>.boxList>li:hover {
    box-shadow: inset 0 0 0 1px #000;
    -moz-box-shadow: inset 0 0 0 1px #000
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.capacity>.boxList>li.now {
    color: #000;
    box-shadow: inset 0 0 0 2px #000;
    -moz-box-shadow: inset 0 0 0 2px #000
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.capacity>.boxList>li.normal {
    color: #333;
    box-shadow: inset 0 0 0 1px #ddd;
    -moz-box-shadow: inset 0 0 0 1px #ddd
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.capacity>.boxList>li.normal:hover {
    box-shadow: inset 0 0 0 1px #000;
    -moz-box-shadow: inset 0 0 0 1px #000
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.capacity>.boxList>li.outOfStock {
    color: #b0b0b0;
    background-color: #f5f5f5
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.capacity>.boxList>li.outOfStock.now {
    box-shadow: inset 0 0 0 2px #000;
    -moz-box-shadow: inset 0 0 0 2px #000
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.capacityElse {
    float: left;
    width: 100%;
    margin-top: 20px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.capacityElse>p.title {
    float: left;
    font-size: 12px;
    color: #666;
    margin-top: 4px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.capacityElse>.boxList {
    float: left;
    margin-left: 40px;
    width: 650px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.capacityElse>.boxList .colorPalette {
    display: inline-block;
    margin: 0 10px 10px 0;
    padding: 0 15px;
    height: 22px;
    text-align: center;
    line-height: 33px;
    cursor: pointer
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.capacityElse>.boxList .colorPalette>span {
    font-size: 12px;
    color: #000
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.capacityElse>.boxList .hideIsshow {
    display: none
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.capacityElse>.boxList>li {
    float: left;
    height: 26px;
    margin: 0 10px 10px 0;
    padding: 5px;
    height: 22px;
    line-height: 22px;
    cursor: pointer
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.capacityElse>.boxList>li:hover {
    box-shadow: inset 0 0 0 1px #000;
    -moz-box-shadow: inset 0 0 0 1px #000
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.capacityElse>.boxList>li.now {
    color: #000;
    box-shadow: inset 0 0 0 2px #000;
    -moz-box-shadow: inset 0 0 0 2px #000
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.capacityElse>.boxList>li.now>i {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #000;
    margin-right: 5px;
    vertical-align: middle
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.capacityElse>.boxList>li.now>span {
    text-align: center;
    display: inline-block
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.capacityElse>.boxList>li.normal {
    color: #333;
    box-shadow: inset 0 0 0 1px #ddd;
    -moz-box-shadow: inset 0 0 0 1px #ddd
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.capacityElse>.boxList>li.normal:hover {
    box-shadow: inset 0 0 0 1px #000;
    -moz-box-shadow: inset 0 0 0 1px #000
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.capacityElse>.boxList>li.normal>i {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background: #000;
    vertical-align: middle
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.capacityElse>.boxList>li.normal>span {
    text-align: center;
    display: inline-block
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.capacityElse>.boxList>li.outOfStock {
    color: #b0b0b0;
    background-color: #f5f5f5
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.capacityElse>.boxList>li.outOfStock>i {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background: #000;
    vertical-align: middle
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.capacityElse>.boxList>li.outOfStock>span {
    text-align: center;
    display: inline-block
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.capacityElse>.boxList>li.outOfStock.now {
    box-shadow: inset 0 0 0 2px #000;
    -moz-box-shadow: inset 0 0 0 2px #000
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.capacityElse>.boxList>li.outOfStock.now>i {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background: #000;
    vertical-align: middle
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.capacityElse>.boxList>li.outOfStock.now>span {
    text-align: center;
    display: inline-block
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton {
    float: left;
    width: 100%;
    margin-top: 20px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.number {
    float: left;
    width: 68px;
    height: 39px;
    margin: 0 10px 0 64px;
    border: 1px solid #ddd
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.number>.numberBox {
    float: left;
    height: 39px;
    line-height: 39px;
    width: 48px;
    border-right: 1px solid #ddd;
    color: #000;
    font-size: 16px;
    text-align: center
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.number>.numberBox>input {
    height: 39px;
    line-height: 39px;
    width: 48px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.number>.numberBox>input.txt20 {
    text-indent: 20px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.number>.numberBox>input.txt17 {
    text-indent: 17px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.number>.arrow {
    float: left;
    width: 19px;
    height: 39px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.number>.arrow>.topArrow {
    float: left;
    width: 19px;
    height: 19px;
    border-bottom: 1px solid #ddd
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.number>.arrow>.topArrow.curPoint {
    cursor: pointer
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.number>.arrow>.topArrow>.icon1 {
    margin: 7px 0 0 4px;
    float: left;
    width: 10px;
    height: 6px;
    background-position: -50px -18px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.number>.arrow>.topArrow>.icon2 {
    margin: 7px 0 0 4px;
    float: left;
    width: 10px;
    height: 6px;
    background-position: -50px -42px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.number>.arrow>.bottomArrow {
    float: left;
    width: 19px;
    height: 19px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.number>.arrow>.bottomArrow.curPoint {
    cursor: pointer
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.number>.arrow>.bottomArrow>.icon1 {
    margin: 7px 0 0 4px;
    float: left;
    width: 10px;
    height: 6px;
    background-position: -40px -18px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.number>.arrow>.bottomArrow>.icon2 {
    margin: 7px 0 0 4px;
    float: left;
    width: 10px;
    height: 6px;
    background-position: -40px -42px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.noNumber {
    float: left;
    width: 64px;
    height: 41px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.app-channel-product {
    height: 72px;
    width: 175px;
    position: relative
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.app-channel-product .addCartButton {
    float: left;
    margin-right: 10px;
    width: 175px;
    height: 40px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.app-channel-product .addCartButton>p {
    float: left;
    margin-left: 35px;
    font-size: 16px;
    color: #fff;
    margin-top: 12px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.app-channel-product .addCartButton.full {
    background-color: #000;
    cursor: pointer;
    position: relative;
    left: -184px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.app-channel-product .addCartButton.full:hover {
    background-color: #e00
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.app-channel-product .addCartButton>.icon {
    width: 16px;
    height: 21px;
    background-position: -24px -16px;
    float: left;
    margin: 10px 0 0 9px;
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/PDP-ICON.png)
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.app-channel-product .app-channel-product-exclusive {
    height: 12px;
    position: absolute;
    top: 53px;
    left: -261px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.app-channel-product .app-channel-product-exclusive>a {
    position: relative;
    top: -3px;
    font-size: 12px;
    color: #666;
    cursor: pointer
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.app-channel-product .app-channel-product-exclusive .app-channel-product-exclusive-icon {
    width: 14px;
    height: 14px;
    margin-right: 4px;
    display: inline-block;
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/checkout_first_minu.png)
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.full-booking-product {
    height: 72px;
    width: 175px;
    position: relative
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.full-booking-product .addCartButton {
    float: left;
    margin-right: 10px;
    width: 175px;
    height: 40px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.full-booking-product .addCartButton>p {
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin-top: 12px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.full-booking-product .addCartButton.full {
    background-color: #000;
    cursor: pointer;
    position: relative;
    left: -184px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.full-booking-product .addCartButton.full:hover {
    background-color: #e00
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.full-booking-product .full-booking-product-time {
    width: 191px;
    height: 12px;
    position: relative;
    top: 20px;
    left: -273px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.full-booking-product .full-booking-product-time>span {
    font-size: 12px;
    color: #666
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.full-booking-product .full-booking-product-time .full-booking-product-icon {
    width: 12px;
    height: 12px;
    margin-right: 4px;
    display: inline-block;
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/count-down-icon.png)
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.full-booking-product .full-booking-product-time .app-channel-product-exclusive {
    height: 12px;
    top: 53px;
    margin-top: 5px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.full-booking-product .full-booking-product-time .app-channel-product-exclusive>a {
    position: relative;
    top: -3px;
    font-size: 12px;
    color: #666;
    cursor: pointer
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.full-booking-product .full-booking-product-time .app-channel-product-exclusive .app-channel-product-exclusive-icon {
    width: 14px;
    height: 14px;
    margin-right: 4px;
    display: inline-block;
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/checkout_first_minu.png)
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.addCartButton {
    float: left;
    margin-right: 10px;
    width: 175px;
    height: 40px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.addCartButton.yes {
    background-color: #e00;
    cursor: pointer
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.addCartButton.yes:hover {
    background-color: #000
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.addCartButton.no {
    background-color: #999;
    cursor: default
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.addCartButton>p {
    float: left;
    margin-left: 35px;
    font-size: 16px;
    color: #fff;
    margin-top: 12px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.addCartButton>.icon {
    width: 16px;
    height: 21px;
    background-position: -24px -16px;
    float: left;
    margin: 10px 0 0 9px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.preSaleAddCartButton {
    float: left;
    margin-right: 10px;
    width: 175px;
    height: 40px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.preSaleAddCartButton.yes {
    background-color: #e00;
    cursor: pointer
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.preSaleAddCartButton.yes:hover {
    background-color: #000
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.preSaleAddCartButton.no {
    background-color: #999;
    cursor: default
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.preSaleAddCartButton>p {
    float: left;
    width: 175px;
    text-align: center;
    color: #fff
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.preSaleAddCartButton>p:first-of-type {
    margin-top: 5px;
    font-size: 16px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.noticeButton {
    float: left;
    width: 150px;
    height: 40px;
    font-size: 16px;
    color: #fff;
    background-color: #000;
    text-align: center;
    line-height: 40px;
    margin-left: 10px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.noticeButton:hover {
    cursor: pointer;
    background-color: #000
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.preSalesActivitiesButton {
    font-size: 16px;
    width: 150px;
    height: 40px;
    float: left;
    margin-right: 10px;
    line-height: 40px;
    color: #fff;
    text-align: center
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.preSalesActivitiesButton.yes {
    background-color: #e00;
    cursor: pointer
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.preSalesActivitiesButton.yes:hover {
    background-color: #000
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.preSalesActivitiesButton.no {
    background-color: #999;
    cursor: default
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.noProductButton {
    float: left;
    width: 150px;
    height: 40px;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    margin-right: 10px;
    color: #999;
    background-color: #ddd
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.shareButton {
    width: 18px;
    height: 18px;
    float: left;
    margin-left: 20px;
    margin-top: 11px;
    background-position: -40px 0
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.shareButton:hover {
    cursor: pointer;
    background-position: -58px 0
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.loveButton {
    width: 18px;
    height: 15px;
    float: left;
    margin-left: 20px;
    margin-top: 13px;
    background-position: -76px 0
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.loveButton:hover {
    cursor: pointer;
    background-position: -94px 0
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.share>.bg {
    position: fixed;
    opacity: .5;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2000;
    background-color: #000
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.share>.center {
    background-color: #fff;
    position: fixed;
    width: 700px;
    height: 380px;
    top: 50%;
    left: 50%;
    margin-left: -350px;
    margin-top: -190px;
    z-index: 2001
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.noProductNoticeBox>.bg {
    position: fixed;
    opacity: .5;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2000;
    background-color: #000
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.noProductNoticeBox>.center {
    background-color: #fff;
    position: fixed;
    width: 440px;
    height: 300px;
    top: 50%;
    left: 50%;
    margin-left: -220px;
    margin-top: -150px;
    z-index: 2001
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.noProductNoticeBox>.center>.title {
    float: left;
    width: 100%;
    height: 58px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 58px;
    background-color: #000;
    letter-spacing: 1px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.noProductNoticeBox>.center>.title>.closeButton {
    width: 17px;
    height: 17px;
    background-position: 0 0;
    position: absolute;
    margin: -37px 0 0 400px;
    cursor: pointer
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.noProductNoticeBox>.center>.onStep {
    float: left;
    width: 100%;
    margin-top: 30px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.noProductNoticeBox>.center>.onStep>.tips {
    color: #474747;
    font-size: 14px;
    text-align: center
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.noProductNoticeBox>.center>.onStep>.moduleBox {
    float: left;
    width: 440px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.noProductNoticeBox>.center>.onStep>.moduleBox>p {
    margin: 7px 20px 0 62px;
    font-size: 14px;
    color: #474747;
    float: left
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.noProductNoticeBox>.center>.onStep>.moduleBox>.errMessage {
    float: left;
    width: 100%;
    height: 20px;
    font-size: 14px;
    color: #e00;
    line-height: 20px;
    text-indent: 138px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.noProductNoticeBox>.center>.onStep>.confirmButton {
    width: 100px;
    height: 30px;
    background-color: #000;
    color: #fff;
    line-height: 30px;
    float: left;
    text-align: center;
    margin: 5px 0 0 138px;
    font-size: 14px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.noProductNoticeBox>.center>.onStep>.confirmButton:hover {
    cursor: pointer;
    background-color: #e00
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.noProductNoticeBox>.center>.twoStep {
    float: left;
    width: 100%;
    margin-top: 30px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.noProductNoticeBox>.center>.twoStep>.rightIcon {
    width: 58px;
    height: 56px;
    float: left;
    background-image: url("http://runtdyf.com/soa/images/loginSearchPassword_icon.png");
    background-position: -80px 0;
    margin-left: 191px
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.noProductNoticeBox>.center>.twoStep>.bigText {
    width: 100%;
    float: left;
    font-size: 16px;
    color: #000;
    text-align: center;
    margin-top: 30px;
    letter-spacing: 1px;
    font-weight: 600
}

.SepProductDetail>.mainCenter>.ProductMainMixture>.fourButton>.noProductNoticeBox>.center>.twoStep .text {
    width: 100%;
    float: left;
    text-align: center;
    color: #474747;
    font-size: 14px
}

.SepProductDetail>.mainCenter>.PreSellLine {
    float: left;
    width: 1190px;
    height: 90px;
    background-color: #f5f5f5;
    margin-top: 40px
}

.SepProductDetail>.mainCenter>.PreSellLine>.box {
    float: left;
    width: 340px;
    height: 90px;
    margin-left: 70px
}

.SepProductDetail>.mainCenter>.PreSellLine>.box.ml60 {
    margin-left: 60px
}

.SepProductDetail>.mainCenter>.PreSellLine>.box.wd300 {
    width: 300px
}

.SepProductDetail>.mainCenter>.PreSellLine>.box>.icon1 {
    float: left;
    width: 37px;
    height: 39px;
    background-position: -170px 0;
    margin-top: 27px
}

.SepProductDetail>.mainCenter>.PreSellLine>.box>.icon2 {
    float: left;
    width: 40px;
    height: 40px;
    background-position: -207px 0;
    margin-top: 25px
}

.SepProductDetail>.mainCenter>.PreSellLine>.box>.icon3 {
    float: left;
    width: 45px;
    height: 31px;
    background-position: -170px -39px;
    margin-top: 30px
}

.SepProductDetail>.mainCenter>.PreSellLine>.box>.textBox {
    float: left;
    width: 240px
}

.SepProductDetail>.mainCenter>.PreSellLine>.box>.textBox>p {
    margin-left: 20px;
    width: 240px;
    float: left
}

.SepProductDetail>.mainCenter>.PreSellLine>.box>.textBox>p.title {
    font-size: 16px;
    color: #000;
    letter-spacing: 1px
}

.SepProductDetail>.mainCenter>.PreSellLine>.box>.textBox>p.title.mt25 {
    margin-top: 25px
}

.SepProductDetail>.mainCenter>.PreSellLine>.box>.textBox>p.title.mt17 {
    margin-top: 17px
}

.SepProductDetail>.mainCenter>.PreSellLine>.box>.textBox>p.time {
    font-size: 12px;
    color: #000
}

.SepProductDetail>.mainCenter>.PreSellLine>.box>.textBox>p.text {
    font-size: 12px;
    color: #666;
    letter-spacing: 1px
}

.SepProductDetail>.mainCenter>.PreSellLine>.box>.bias {
    float: right;
    width: 17px;
    height: 60px;
    background-position: -247px 0;
    margin: 15px 0 0
}

.SepProductDetail>.mainCenter>.advertisement {
    float: left;
    clear: both;
    cursor: pointer
}

.SepProductDetail>.mainCenter>.advertisement.mt40 {
    margin-top: 40px
}

.SepProductDetail>.mainCenter>.advertisement.mt60 {
    margin-top: 60px
}

.SepProductDetail>.mainCenter>.guessYouLike {
    float: left;
    margin-top: 40px;
    width: 180px;
    clear: both
}

.SepProductDetail>.mainCenter>.guessYouLike>.title {
    float: left;
    height: 26px;
    width: 180px;
    border-bottom: 1px solid #000
}

.SepProductDetail>.mainCenter>.guessYouLike>.title>p {
    float: left;
    font-size: 16px
}

.SepProductDetail>.mainCenter>.guessYouLike>.product {
    float: left;
    margin-top: 30px;
    width: 179px;
    border-right: 1px solid #ccc
}

.SepProductDetail>.mainCenter>.guessYouLike>.product>.titlePicture {
    float: left;
    cursor: pointer
}

.SepProductDetail>.mainCenter>.guessYouLike>.product>div {
    float: left;
    margin-top: 40px
}

.SepProductDetail>.mainCenter>.guessYouLike>.product>div>a .productImg {
    float: left;
    cursor: pointer
}

.SepProductDetail>.mainCenter>.guessYouLike>.product>div>a>.header {
    float: left;
    width: 160px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    margin-top: 6px;
    cursor: pointer
}

.SepProductDetail>.mainCenter>.guessYouLike>.product>div>a>.blackLine {
    float: left;
    width: 12px;
    height: 1px;
    background-color: #000;
    margin: 5px 0 0 74px;
    cursor: pointer
}

.SepProductDetail>.mainCenter>.guessYouLike>.product>div>a>.mainText {
    margin-top: 5px;
    width: 132px;
    margin-left: 14px;
    float: left;
    text-align: center;
    cursor: pointer
}

.SepProductDetail>.mainCenter>.guessYouLike>.product>div>a>.price {
    cursor: pointer;
    float: left;
    text-align: center;
    width: 160px;
    margin-top: 10px;
    color: #e00
}

.SepProductDetail>.mainCenter>.guessYouLike>.product>div>a>.price>span:nth-of-type(2) {
    font-size: 16px
}

.SepProductDetail>.mainCenter>.MainModule {
    margin-left: 20px;
    margin-top: 40px;
    float: left;
    width: 990px
}

.SepProductDetail>.mainCenter>.MainModule>.nav {
    width: 100%;
    height: 26px;
    float: left;
    border-bottom: 1px solid #000
}

.SepProductDetail>.mainCenter>.MainModule>.nav>ul>li {
    float: left;
    height: 24px;
    width: 90px;
    font-size: 16px;
    text-align: center;
    margin-right: 10px;
    cursor: pointer;
    color: #333
}

.SepProductDetail>.mainCenter>.MainModule>.nav>ul>li:hover {
    color: #000
}

.SepProductDetail>.mainCenter>.MainModule>.nav>ul>li.now {
    color: #000;
    border-bottom: 2px solid #000
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine {
    margin-top: 30px;
    width: 990px;
    border-left: 1px solid #ccc;
    margin-left: -21px;
    float: left;
    padding-left: 20px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine .ModuleCETitle {
    width: 960px;
    float: left
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine .ModuleCETitle>P {
    float: left;
    width: 100%;
    text-align: center
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine .ModuleCETitle>P:first-of-type {
    font-size: 24px;
    margin-top: 50px;
    color: #333;
    letter-spacing: 1px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine .ModuleCETitle>P:nth-of-type(2) {
    font-size: 17px;
    margin-top: 13px;
    color: #333
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine .ModuleCETitle>.shortLine {
    width: 30px;
    height: 1px;
    margin-top: 15px;
    margin-left: 465px;
    background-color: #000;
    float: left
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.sku {
    width: 920px;
    margin-left: 35px;
    float: left;
    color: #333
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.sku>ul>li {
    float: left;
    width: 230px;
    margin-bottom: 12px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.skuDetail {
    width: 920px;
    margin-left: 35px;
    margin-top: 20px;
    float: left;
    color: #333
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.skuDetail>ul>li {
    float: left;
    width: 920px;
    margin-bottom: 20px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.skuDetail>ul>li>.title {
    width: 100%
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.skuDetail>ul>li>.title>.icon {
    width: 8px;
    height: 11px;
    background-position: 0 -74px;
    float: left;
    margin-top: 3px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.skuDetail>ul>li>.title>p {
    margin-left: 10px;
    float: left;
    font-size: 15px;
    color: #000
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.skuDetail>ul>li>.text {
    float: left;
    width: 100%;
    font-size: 12px;
    margin-top: 25px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.PDI {
    width: 920px;
    margin-left: 35px;
    float: left;
    margin-top: 20px;
    border-bottom: 1px solid #ddd
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.PDI .loadingHtml {
    width: 960px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.collocation {
    float: left;
    height: 470px;
    width: 960px;
    margin-left: 15px;
    background-color: #fff;
    border-bottom: 1px solid #ddd
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.collocation>.collocationProduct {
    float: left;
    margin-top: 20px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.collocation>.collocationProduct>div {
    float: left;
    width: 210px;
    margin-left: 40px;
    cursor: pointer
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.collocation>.collocationProduct>div>a .productPicture {
    float: left
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.collocation>.collocationProduct>div>a p:first-of-type {
    float: left;
    width: 100%;
    font-size: 14px;
    font-weight: 600
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.collocation>.collocationProduct>div>a p:nth-of-type(2) {
    float: left;
    width: 100%;
    font-size: 12px;
    height: 32px;
    margin-top: 5px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.collocation>.collocationProduct>div>a .price {
    float: left;
    margin-top: 10px;
    color: #e00
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.collocation>.collocationProduct>div>a .price>span {
    float: left
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.collocation>.collocationProduct>div>a .price>span:nth-of-type(2) {
    font-size: 16px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.collocation>.collocationProduct>div:first-of-type {
    margin-left: 0
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments {
    float: left;
    width: 960px;
    margin-left: 15px;
    border-bottom: 1px solid #ddd;
    position: relative
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.titleTab {
    float: left;
    height: 85px;
    margin-top: 26px;
    position: absolute;
    right: 0
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.titleTab>.points {
    float: left;
    height: 85px;
    width: 80px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.titleTab>.points>.header {
    float: left;
    width: 80px;
    text-align: center;
    color: #666;
    font-size: 14px;
    letter-spacing: 1px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.titleTab>.points>.nowPoint {
    float: left;
    width: 80px;
    height: 36px;
    line-height: 36px;
    margin-top: 10px;
    text-align: center;
    font-size: 32px;
    font-weight: 200
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.titleTab>.points>.star {
    float: left;
    margin-top: 10px;
    width: 80px;
    height: 14px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.titleTab>.points>.star>.grayStar {
    width: 80px;
    height: 14px;
    float: left;
    background-position: 0 -91px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.titleTab>.points>.star>.redStar {
    height: 14px;
    position: absolute;
    z-index: 1;
    background-position: 0 -77px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.titleTab>.pictureLine {
    margin-left: 35px;
    float: left;
    width: 7px;
    height: 85px;
    background-position: -162px 0
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.titleTab>.allTab {
    float: left;
    margin-left: 30px;
    width: 620px;
    height: 85px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.titleTab>.allTab>ul {
    margin-top: 16px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.titleTab>.allTab>ul>li {
    float: left;
    margin: 0 10px 10px 0;
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
    background-color: #f5f5f5;
    font-size: 12px;
    color: #000
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.titleTab>.allTab>ul>li.now {
    background-color: #e00;
    color: #fff
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.titleTab>.allTab>ul>li:hover {
    cursor: pointer;
    background-color: #000;
    color: #fff
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.titleTab>.talking {
    float: right;
    width: 126px;
    height: 40px;
    line-height: 40px;
    background-color: #e00;
    color: #fff;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    margin-top: 17px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.titleTab>.talking:hover {
    background-color: #000
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.titleTab_noComments {
    float: left;
    width: 960px;
    height: 40px;
    margin: 40px 0 30px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.titleTab_noComments>.noComments {
    float: left;
    height: 40px;
    margin-left: 320px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.titleTab_noComments>.noComments>.write {
    width: 41px;
    height: 40px;
    float: left;
    background-position: -40px -105px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.titleTab_noComments>.noComments>p {
    margin-left: 30px;
    color: #999;
    letter-spacing: 1px;
    font-size: 21px;
    height: 40px;
    line-height: 40px;
    float: left
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.titleTab_noComments>.talking {
    float: right;
    width: 126px;
    height: 40px;
    line-height: 40px;
    background-color: #e00;
    color: #fff;
    text-align: center;
    font-size: 16px;
    cursor: pointer
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.titleTab_noComments>.talking:hover {
    background-color: #000
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.main {
    float: left;
    width: 960px;
    margin-top: 50px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.main>.listModule>li {
    float: left;
    width: 960px;
    margin-bottom: 45px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.main>.listModule>li>.userInformation {
    float: left;
    width: 80px;
    height: 100px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.main>.listModule>li>.userInformation>.user {
    border-radius: 100px;
    float: left;
    margin-left: 20px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.main>.listModule>li>.userInformation>.name {
    float: left;
    width: 80px;
    text-align: center;
    margin-top: 14px;
    font-size: 14px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.main>.listModule>li>.userInformation>.card {
    float: left;
    width: 24px;
    height: 16px;
    margin: 10px 0 0 28px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.main>.listModule>li>.userInformation>.card.white {
    background-position: 0 0
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.main>.listModule>li>.userInformation>.card.pink {
    background-position: 0 -16px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.main>.listModule>li>.userInformation>.card.black {
    background-position: 0 -32px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.main>.listModule>li>.userInformation>.card.gold {
    background-position: 0 -48px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.main>.listModule>li>.talking {
    float: left;
    margin-left: 35px;
    width: 845px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.main>.listModule>li>.talking>p.description {
    float: left;
    color: #666;
    font-size: 12px;
    letter-spacing: 1px;
    width: 100%;
    line-height: 20px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.main>.listModule>li>.talking>.commentsImgArea {
    margin-top: 15px;
    float: left;
    width: 100%
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.main>.listModule>li>.talking>.commentsImgArea>.smallPicture {
    float: left;
    width: 100%
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.main>.listModule>li>.talking>.commentsImgArea>.smallPicture>li {
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 12px;
    cursor: pointer
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.main>.listModule>li>.talking>.commentsImgArea>.smallPicture>li>img {
    float: left
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.main>.listModule>li>.talking>.commentsImgArea>.smallPicture>li>.now {
    width: 50px;
    height: 54px;
    position: absolute;
    background-position: -85px -100px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.main>.listModule>li>.talking>.commentsImgArea>.showBigPicture {
    float: left;
    margin: 14px 0 0
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.main>.listModule>li>.talking>div.timeAndWhere {
    float: right;
    color: #666;
    font-size: 12px;
    height: 12px;
    margin-top: 20px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.main>.listModule>li>.talking>div.timeAndWhere>p:first-of-type {
    height: 12px;
    line-height: 12px;
    float: right
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.main>.listModule>li>.talking>div.timeAndWhere>p:nth-of-type(2) {
    height: 12px;
    line-height: 12px;
    float: right;
    margin-right: 20px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.comments>.main>.listModule>li>.talking>div.timeAndWhere>div.circle {
    float: right;
    width: 5px;
    height: 5px;
    margin-right: 5px;
    margin-top: 4px;
    border-radius: 10px;
    background-color: #d8d8d8
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.question {
    float: left;
    width: 960px;
    margin-left: 15px;
    border-bottom: 1px solid #ddd
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.question>.mySay {
    float: left;
    height: 40px;
    margin-top: 24px;
    width: 960px;
    margin-bottom: 30px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.question>.mySay>.button {
    font-size: 16px;
    letter-spacing: 1px;
    width: 126px;
    height: 40px;
    background-color: #e00;
    text-align: center;
    color: #fff;
    cursor: pointer;
    line-height: 40px;
    margin-left: 417px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.question>.mySay>.button.frM0 {
    float: right;
    margin-left: 0
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.question>.mySay>.button:hover {
    background-color: #000
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.question>.mySay>.NoMySay {
    float: left;
    height: 40px;
    margin-left: 320px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.question>.mySay>.NoMySay>.questionIcon {
    width: 40px;
    height: 40px;
    float: left;
    background-position: 0 -105px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.question>.mySay>.NoMySay>p {
    margin-left: 30px;
    color: #999;
    letter-spacing: 1px;
    font-size: 21px;
    height: 40px;
    line-height: 40px;
    float: left
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.question>.mySay>.questionBox>.bg {
    position: fixed;
    opacity: .5;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2000;
    background-color: #000
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.question>.mySay>.questionBox>.center {
    background-color: #fff;
    position: fixed;
    width: 700px;
    height: 380px;
    top: 50%;
    left: 50%;
    margin-left: -350px;
    margin-top: -190px;
    z-index: 2001
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.question>.mySay>.questionBox>.center>.title {
    float: left;
    width: 100%;
    height: 58px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 58px;
    background-color: #000;
    letter-spacing: 1px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.question>.mySay>.questionBox>.center>.title>.closeButton {
    width: 17px;
    height: 17px;
    position: absolute;
    margin: -37px 0 0 660px;
    cursor: pointer
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.question>.mySay>.questionBox>.center>.explain {
    float: left;
    margin-top: 30px;
    color: #666;
    font-size: 14px;
    width: 610px;
    margin-left: 45px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.question>.mySay>.questionBox>.center>.allText {
    float: left;
    width: 610px;
    margin-left: 45px;
    margin-top: 15px;
    border: 1px solid #ddd;
    height: 170px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.question>.mySay>.questionBox>.center>.allText>.setText {
    font-size: 14px;
    float: left;
    width: 590px;
    margin: 10px 10px 5px;
    height: 135px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.question>.mySay>.questionBox>.center>.allText>p {
    float: right;
    color: #999;
    font-size: 14px;
    margin-right: 5px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.question>.mySay>.questionBox>.center>.alertTextModule {
    float: left;
    width: 610px;
    margin: 5px 0 0 45px;
    height: 14px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.question>.mySay>.questionBox>.center>.alertTextModule>.alertText {
    font-size: 12px;
    height: 14px;
    line-height: 14px;
    margin-top: -1px;
    color: #e00;
    float: right
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.question>.mySay>.questionBox>.center>.alertTextModule>.warningIcon {
    width: 14px;
    height: 14px;
    float: left;
    margin-right: 6px;
    background-position: -111px -56px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.question>.mySay>.questionBox>.center>.alertTextModule>.warningIcon.ftR {
    float: right
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.question>.mySay>.questionBox>.center>.submitButton {
    width: 170px;
    height: 40px;
    float: left;
    margin-top: 14px;
    margin-left: 265px;
    background-color: #999;
    cursor: pointer;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    text-align: center
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.question>.mySay>.questionBox>.center>.submitButton:hover {
    background-color: #000
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.question>.lastQuestion,.SepProductDetail>.mainCenter>.MainModule>.leftLine>.question>.lastQuestion>li>.question {
    width: 100%;
    float: left
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.question>.lastQuestion>li>.question>.icon {
    margin-left: 26px;
    float: left;
    width: 22px;
    height: 22px;
    background-position: -140px -50px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.question>.lastQuestion>li>.question>p {
    float: left;
    margin-top: 3px;
    margin-left: 20px;
    width: 845px;
    font-size: 16px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.question>.lastQuestion>li>.answer {
    width: 960px;
    float: left;
    margin-top: 15px;
    background-color: #fafafa;
    margin-bottom: 44px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.question>.lastQuestion>li>.answer>.icon {
    margin-top: 20px;
    margin-left: 26px;
    float: left;
    width: 20px;
    height: 20px;
    background-position: -35px -48px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.question>.lastQuestion>li>.answer>p {
    float: left;
    color: #999;
    margin-top: 16px;
    margin-left: 20px;
    width: 845px;
    font-size: 12px;
    margin-bottom: 15px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.payLogistic {
    float: left;
    width: 960px;
    margin-left: 15px;
    border-bottom: 1px solid #ddd
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.payLogistic>.mainText {
    float: left;
    margin-top: 30px;
    margin-bottom: 50px;
    width: 960px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.payLogistic>.mainText>.title {
    font-size: 14px;
    font-weight: 600;
    float: left;
    width: 100%
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.payLogistic>.mainText>.smallTitle {
    margin-top: 10px;
    font-size: 14px;
    float: left;
    width: 100%;
    color: #333
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.payLogistic>.mainText>ul>li {
    letter-spacing: 1px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.payLogistic>.mainText>ul>li.type {
    float: left;
    font-size: 14px;
    color: #333;
    width: 100%;
    margin-top: 30px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.payLogistic>.mainText>ul>li.main {
    line-height: 20px;
    color: #333;
    text-indent: 20px;
    float: left;
    font-size: 14px;
    width: 100%;
    margin-top: 10px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.price {
    float: left;
    width: 960px;
    margin-left: 15px;
    border-bottom: 1px solid #ddd
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.price>p {
    float: left;
    width: 100%;
    margin-top: 40px;
    color: #333;
    letter-spacing: 1px;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 50px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.return {
    float: left;
    width: 960px;
    margin-left: 15px
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.return>.rule {
    margin-top: 40px;
    width: 100%;
    float: left
}

.SepProductDetail>.mainCenter>.MainModule>.leftLine>.return>.rule>ul>li {
    color: #151515;
    letter-spacing: 1px;
    width: 100%;
    font-size: 14px;
    line-height: 30px
}

.SepProductDetailNoOPAndSkuId {
    width: 100%;
    background-color: #fff
}

.SepProductDetailNoOPAndSkuId>.mainCenter {
    height: 290px;
    width: 1190px;
    margin: auto;
    border-bottom: 1px solid #d6d6d6
}

.SepProductDetailNoOPAndSkuId>.mainCenter>.pictureAndText {
    width: 520px;
    height: 86px;
    margin: 102px 0 0 335px;
    float: left
}

.SepProductDetailNoOPAndSkuId>.mainCenter>.pictureAndText>.picture {
    float: left;
    width: 85px;
    height: 77px;
    background-position: 0 0
}

.SepProductDetailNoOPAndSkuId>.mainCenter>.pictureAndText>p {
    float: left;
    height: 85px;
    line-height: 85px;
    font-size: 18px;
    color: #999;
    margin-left: 55px;
    letter-spacing: 1px
}

.SepConfirmProductDetail {
    width: 100%;
    background-color: #fff
}

.SepConfirmProductDetail>.mainCenter {
    width: 1190px;
    height: 200px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px
}

.SepConfirmProductDetail>.mainCenter>.title {
    width: 100%;
    height: 30px;
    float: left;
    margin-top: 30px
}

.SepConfirmProductDetail>.mainCenter>.title>.rightIcon {
    float: left;
    margin-left: 30px;
    width: 30px;
    height: 30px;
    background-position: 0 0
}

.SepConfirmProductDetail>.mainCenter>.title>p {
    float: left;
    margin-left: 10px;
    font-size: 20px;
    color: #000;
    letter-spacing: 1px;
    height: 30px;
    line-height: 30px
}

.SepConfirmProductDetail>.mainCenter>.listAll {
    float: left;
    height: 90px;
    width: 100%;
    margin: 30px 0 0
}

.SepConfirmProductDetail>.mainCenter>.listAll>.productImage {
    float: left;
    margin-left: 30px
}

.SepConfirmProductDetail>.mainCenter>.listAll>.textBox {
    float: left;
    margin-left: 20px
}

.SepConfirmProductDetail>.mainCenter>.listAll>.textBox>ul>li {
    font-size: 12px;
    margin-bottom: 8px;
    letter-spacing: 1px
}

.SepConfirmProductDetail>.mainCenter>.listAll>.textBox>ul>li:first-of-type {
    color: #000;
    font-weight: 600
}

.SepConfirmProductDetail>.mainCenter>.listAll>.textBox>ul>li:nth-of-type(2) {
    color: #000
}

.SepConfirmProductDetail>.mainCenter>.listAll>.textBox>ul>li:nth-of-type(3) {
    color: #666
}

.SepConfirmProductDetail>.mainCenter>.listAll>.textBox>ul>li:nth-of-type(3)>p {
    float: left
}

.SepConfirmProductDetail>.mainCenter>.listAll>.textBox>ul>li:nth-of-type(3)>p:nth-of-type(2),.SepConfirmProductDetail>.mainCenter>.listAll>.textBox>ul>li:nth-of-type(3)>p:nth-of-type(4) {
    margin-left: 8px
}

.SepConfirmProductDetail>.mainCenter>.listAll>.textBox>ul>li:nth-of-type(4) {
    margin-bottom: 0
}

.SepConfirmProductDetail>.mainCenter>.listAll>.textBox>ul>li:nth-of-type(4)>p {
    float: left;
    color: #666
}

.SepConfirmProductDetail>.mainCenter>.listAll>.textBox>ul>li:nth-of-type(4)>p:nth-of-type(2) {
    color: #e00;
    margin-left: 4px;
    margin-right: 20px
}

.SepConfirmProductDetail>.mainCenter>.listAll>.textBox>ul>li:nth-of-type(4)>p:nth-of-type(4),.SepConfirmProductDetail>.mainCenter>.listAll>.textBox>ul>li:nth-of-type(4)>p:nth-of-type(6),.SepConfirmProductDetail>.mainCenter>.listAll>.textBox>ul>li:nth-of-type(4)>p:nth-of-type(8) {
    margin-left: 4px;
    margin-right: 20px
}

.SepConfirmProductDetail>.mainCenter>.addToCartButton {
    width: 160px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background-color: #e00;
    margin-left: 1000px;
    margin-top: 140px;
    font-size: 18px;
    position: absolute
}

.SepConfirmProductDetail>.mainCenter>.addToCartButton:hover {
    cursor: pointer;
    background-color: #000
}

.SepConfirmProductDetail>.mainCenter>.lookProductDetail {
    width: 160px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background-color: #000;
    margin-left: 820px;
    margin-top: 140px;
    font-size: 18px;
    position: absolute
}

.SepConfirmProductDetail>.mainCenter>.lookProductDetail:hover {
    cursor: pointer
}

.sepError-icon {
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/404error.png);
    content: ""
}

.sepError {
    width: 100%;
    background-color: #fff
}

.sepError>.banner {
    float: left;
    width: 100%;
    min-width: 1190px;
    height: 400px;
    background: transparent url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/404error.png) no-repeat scroll 50% 0
}

.sepError>.banner>.center {
    margin: auto;
    width: 1190px;
    height: 400px
}

.sepError>.banner>.center>.goButton {
    margin: 245px 0 0 760px;
    width: 130px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    background-color: #000;
    color: #fff;
    text-align: center;
    float: left;
    cursor: pointer
}

.sepError>.banner>.center>.goButton:hover {
    background-color: #e00
}

.sepError>.banner>.center>.goButton>p {
    float: left
}

.sepError>.banner>.center>.goButton>p:first-of-type {
    font-size: 16px;
    margin-left: 29px;
    letter-spacing: 1px
}

.sepError>.banner>.center>.goButton>p:nth-of-type(2) {
    font-size: 12px;
    margin-left: 2px
}

.sepError>.buttonArea {
    float: left;
    height: 140px;
    width: 100%;
    min-width: 1190px;
    background-color: #fff
}

.sepError>.buttonArea>.center {
    margin: auto;
    height: 140px;
    width: 1190px
}

.sepError>.buttonArea>.center>.module {
    width: 350px;
    height: 40px;
    float: left;
    background-color: #f5f5f5;
    margin-top: 45px
}

.sepError>.buttonArea>.center>.module.Ml70 {
    margin-left: 70px
}

.sepError>.buttonArea>.center>.module>.text {
    margin: -5px 0 0 20px;
    float: left
}

.sepError>.buttonArea>.center>.module>.text>p:first-of-type {
    font-size: 24px;
    float: left;
    color: #000
}

.sepError>.buttonArea>.center>.module>.text>p:nth-of-type(2) {
    margin: 8px 0 0 38px;
    font-size: 16px;
    float: left;
    clear: both
}

.sepError>.buttonArea>.center>.module>.text>p:nth-of-type(2)>span {
    float: left
}

.sepError>.buttonArea>.center>.module>.text>p:nth-of-type(2)>span:first-of-type {
    color: #000
}

.sepError>.buttonArea>.center>.module>.text>p:nth-of-type(2)>span:nth-of-type(2) {
    color: #666;
    margin-left: 5px
}

.sepError>.buttonArea>.center>.module>.goWhereButton {
    width: 140px;
    height: 40px;
    line-height: 40px;
    float: right;
    background-color: #e00;
    color: #fff;
    cursor: pointer
}

.sepError>.buttonArea>.center>.module>.goWhereButton>p {
    float: left
}

.sepError>.buttonArea>.center>.module>.goWhereButton>p:first-of-type {
    margin-left: 34px;
    font-size: 16px
}

.sepError>.buttonArea>.center>.module>.goWhereButton>p:nth-of-type(2) {
    margin-left: 5px;
    font-size: 12px
}

.integralFlow {
    width: 100%;
    min-width: 1190px;
    background-color: #fff
}

.integralFlow>.banner {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/integralFlow_bg.png) no-repeat scroll 50% 0;
    float: left;
    height: 180px;
    min-width: 1190px;
    width: 100%
}

.integralFlow>.banner>.main {
    width: 1190px;
    margin: auto;
    height: 180px;
    color: #fff
}

.integralFlow>.banner>.main>.title {
    width: 100%;
    font-size: 20px;
    float: left;
    margin: 50px 0 0;
    letter-spacing: 1px
}

.integralFlow>.banner>.main>.title>p {
    float: left;
    font-weight: 300
}

.integralFlow>.banner>.main>.title>p:first-of-type {
    margin-left: 500px
}

.integralFlow>.banner>.main>.title>p:nth-of-type(2) {
    margin-left: 10px
}

.integralFlow>.banner>.main>.goWhere {
    width: 100%;
    font-size: 16px;
    float: left;
    margin: 20px 0 0;
    letter-spacing: 1px
}

.integralFlow>.banner>.main>.goWhere>p {
    float: left
}

.integralFlow>.banner>.main>.goWhere>p:first-of-type {
    font-weight: 300;
    margin-left: 450px
}

.integralFlow>.banner>.main>.goWhere>p:nth-of-type(2) {
    cursor: pointer;
    text-decoration: underline
}

.integralFlow>.banner>.main>.nextBg {
    width: 1190px;
    height: 25px;
    margin: 155px 0 0;
    position: absolute;
    background-color: #fafafa
}

.integralFlow>.mainBox {
    float: left;
    width: 100%;
    min-width: 1190px;
    background-color: #fff;
    margin: 0 0 30px
}

.integralFlow>.mainBox>.centerBox {
    width: 1190px;
    margin: auto;
    background-color: #fafafa
}

.integralFlow>.mainBox>.centerBox>.title {
    width: 1112px;
    height: 40px;
    float: left;
    margin: 0 0 0 39px;
    background-color: #ccc
}

.integralFlow>.mainBox>.centerBox>.title>ul>li {
    float: left;
    height: 40px;
    line-height: 40px;
    width: 278px;
    text-align: center;
    font-size: 14px;
    color: #000;
    font-weight: 600
}

.integralFlow>.mainBox>.centerBox>.userText {
    float: left;
    margin: 0 0 0 39px;
    color: #000
}

.integralFlow>.mainBox>.centerBox>.userText>li {
    width: 1112px;
    float: left;
    padding: 15px 0;
    clear: both;
    border-bottom: 1px solid #ddd
}

.integralFlow>.mainBox>.centerBox>.userText>li>ul>li {
    word-break: break-all;
    float: left;
    width: 278px;
    text-align: center
}

.integralFlow>.mainBox>.centerBox>.userText>li>ul>li.addClass {
    height: 1px
}

.integralFlow>.mainBox>.centerBox>.floatAndMr {
    float: right;
    margin: 20px 39px 30px 0
}

.module-cutting .module-cutting-canvas {
    width: 386px;
    height: 386px;
    display: block
}

.breadcrumb_cont {
    background: #fff;
    min-width: 1190px
}

.breadcrumb,.cate_prod {
    width: 1190px;
    overflow: hidden;
    margin: 0 auto
}

.breadcrumb {
    overflow: visible;
    height: 20px;
    font-size: 12px;
    padding: 30px 0 15px
}

.breadcrumb .brand_chosen,.breadcrumb .brandcrumb_ul,.breadcrumb .search_text {
    float: left
}

.breadcrumb .brandcrumb_ul {
    position: relative;
    width: 1000px
}

.breadcrumb .brandcrumb_ul .linkToindex:hover {
    text-decoration: underline;
    color: #e00
}

.breadcrumb .brandcrumb_ul a {
    color: #666
}

.breadcrumb .total_amount {
    float: right;
    color: #666;
    font-size: 12px;
    line-height: 20px;
    height: 20px
}

.breadcrumb .total_amount em {
    font-style: normal;
    font-weight: 600
}

.breadcrumb .brandcrumb_ul>li {
    float: left
}

.breadcrumb .brandcrumb_ul>li:first-of-type {
    padding: 0;
    border: none;
    cursor: default;
    height: 20px;
    text-align: center;
    line-height: 20px
}

.breadcrumb .right_arrow {
    width: 26px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    cursor: default
}

.breadcrumb .cate_cont {
    border: 1px solid #ddd;
    padding: 0 10px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    cursor: pointer;
    position: relative;
    z-index: 2;
    background: #fff
}

.breadcrumb .cate_cont h1 {
    font-weight: 400
}

.breadcrumb .cate_cont h1:after {
    display: inline-block;
    width: 12px;
    height: 8px;
    background-position: 0 -52px;
    margin-left: 5px;
    transition: background-position .15s ease-in-out;
    -webkit-transition: background-position .15s ease-in-out;
    -moz-transition: background-position .15s ease-in-out;
    -ms-transition: background-position .15s ease-in-out
}

.breadcrumb .cate_cont_on {
    color: #e00;
    border-bottom: 1px solid transparent
}

.breadcrumb .cate_cont_on h1 {
    font-weight: 400
}

.breadcrumb .cate_cont_on h1:after {
    background-position: 0 -64px
}

.brand_chosen {
    overflow: hidden;
    display: none
}

.brand_chosen p {
    float: left
}

.brand_chosen p:last-of-type {
    border: 1px solid #ddd;
    padding: 0 10px;
    height: 19px;
    text-align: center;
    line-height: 19px;
    cursor: pointer
}

.brand_chosen p:last-of-type i {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-position: -43px -44px;
    margin-left: 5px
}

.brand_chosen p:last-of-type:hover {
    color: #e00;
    border: 1px solid #e00
}

.brand_chosen p:last-of-type:hover i {
    background-position: 0 0
}

.brand_chosen p:first-of-type {
    width: 26px;
    height: 18px;
    text-align: center;
    line-height: 20px;
    cursor: default
}

.brand_chosen_on {
    display: block
}

.search_text {
    overflow: hidden
}

.search_text input {
    float: left;
    padding-left: 5px;
    width: 135px;
    height: 28px;
    border: 1px solid #ddd;
    outline: none
}

.search_text button {
    float: left;
    width: 40px;
    height: 28px;
    background: #666;
    line-height: 28px
}

.search_text button i {
    width: 14px;
    height: 14px;
    display: inline-block;
    background-color: #666;
    background-position: -40px -30px
}

.total_amount {
    height: 28px;
    text-align: center;
    line-height: 28px
}

.cate_detail {
    position: absolute;
    z-index: 1;
    top: 19px;
    display: none;
    background: #fff;
    max-width: 350px;
    border: 1px solid #ddd;
    padding: 5px 10px
}

.cate_detail_on {
    display: block
}

.cate_detail_list {
    overflow: hidden;
    max-width: 320px
}

.cate_detail_list li {
    width: 80px;
    float: left;
    height: 24px;
    line-height: 24px;
    color: #666
}

.cate_detail_list li .cate_link:hover {
    color: #000
}

.filter_cont {
    background: #fff;
    min-width: 1190px
}

.brand_cont_on {
    font-size: 12px;
    padding-top: 40px;
    border-top: 1px solid #aaa
}

.brand_cont_on,.brand_cont_on .brand_top {
    overflow: hidden
}

.brand_cont_on .selected_Brands {
    width: 918px;
    margin-left: 120px;
    font-size: 14px;
    margin-bottom: 15px
}

.brand_cont_on .selected_Brands .clear_all {
    display: inline-block;
    width: 60px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    margin: 0 10px;
    background: #eee;
    cursor: pointer;
    color: #999
}

.brand_cont_on .selected_Brands .clear_all_hide {
    display: none
}

.brand_cont_on .selected_Brands .brand_select {
    display: inline-block;
    border: 1px solid transparent;
    padding-left: 5px;
    margin: 0 10px 5px;
    cursor: pointer
}

.brand_cont_on .selected_Brands .brand_select:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px
}

.brand_cont_on .selected_Brands .brand_select:hover {
    border: 1px solid #e00;
    color: #e00
}

.brand_cont_on .selected_Brands .brand_select:hover:after {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    background-position: -24px -59px
}

.brand_cont_on .selected_Brands_hide {
    display: none
}

.brand_cont_on .conf_cancel_cont {
    margin-top: 2px;
    padding-bottom: 20px
}

.brand_cont_on .conf_cancel_cont_hide {
    display: none
}

.brand_cont_on .brand_btn,.brand_cont_on .brand_title,.brand_cont_on .brands_all_cont {
    float: left
}

.brand_cont_on .search_brands {
    margin-bottom: 20px
}

.brand_cont_on .search_brands input {
    width: 170px;
    height: 22px;
    border: 1px solid #ddd;
    padding-left: 20px;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_product_magnifylens.png) 5px no-repeat
}

.brand_cont_on .search_brands_none {
    display: none
}

.brand_cont_on .brand_title {
    font-weight: 600;
    padding-left: 15px;
    width: 105px;
    font-size: 14px
}

.brand_cont_on .brands_all_cont {
    width: 969px;
    padding-bottom: 20px
}

.brand_cont_on .brands_all_ul {
    max-height: 275px;
    width: 950px;
    overflow-y: auto;
    padding: 1px 0 0 1px
}

.brand_cont_on .brands_all_ul .brands_li {
    float: left;
    width: 132;
    height: 55px;
    border: 1px solid #ddd;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    margin-left: -1px;
    margin-top: -1px
}

.brand_cont_on .brands_all_ul .brands_li img {
    width: 130px;
    height: 53px
}

.brand_cont_on .brands_all_ul .brands_li .cover {
    width: 132px;
    height: 55px;
    line-height: 55px;
    color: #fff;
    text-align: center;
    position: absolute;
    left: -1px;
    top: -1px;
    background: rgba(0,0,0,.8);
    display: none
}

.brand_cont_on .brands_all_ul .brands_li:hover .cover {
    display: block
}

.brand_cont_on .brands_all_ul .brands_li .select_on {
    width: 131px;
    height: 54px;
    position: absolute;
    left: -1px;
    top: -1px;
    border: 1px solid #000;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box
}

.brand_cont_on .brands_all_ul .brands_li .select_on:after {
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_16x16_black.png);
    content: "";
    background-size: contain
}

.brand_cont_on .brands_all_ul .brands_li .select_on:hover {
    border: 1px solid #e00
}

.brand_cont_on .brands_all_ul .brands_li .select_on:hover:after {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_16x16_red.png);
    background-size: contain
}

.brand_btn_hide,.brand_cont {
    display: none
}

.conf_cancel {
    font-size: 14px
}

.conf_cancel,.conf_cancel a {
    height: 22px;
    text-align: center
}

.conf_cancel a {
    display: inline-block;
    color: #000;
    width: 60px;
    line-height: 22px;
    margin: 0 10px;
    background: #eee;
    cursor: pointer
}

.conf_cancel .confirm {
    color: #fff;
    background: #000
}

.conf_cancel .cancel {
    color: #999
}

.s_s_btn {
    margin-right: 15px
}

.s_s_btn .select_more {
    margin-right: 10px;
    color: #666
}

.s_s_btn .select_more:before {
    margin-right: 5px;
    display: inline-block;
    width: 9px;
    height: 9px;
    background-position: -37px -54px;
    transition: background-position .15s ease-in-out;
    -webkit-transition: background-position .15s ease-in-out;
    -moz-transition: background-position .15s ease-in-out;
    -ms-transition: background-position .15s ease-in-out
}

.s_s_btn .select_more:hover {
    color: #e00
}

.s_s_btn .select_more:hover:before {
    background-position: -37px -64px
}

.s_s_btn .show_more {
    color: #666
}

.s_s_btn .show_more:after {
    margin-left: 5px;
    display: inline-block;
    width: 9px;
    height: 6px;
    background-position: 0 -33px;
    transition: background-position .15s ease-in-out;
    -webkit-transition: background-position .15s ease-in-out;
    -moz-transition: background-position .15s ease-in-out;
    -ms-transition: background-position .15s ease-in-out
}

.s_s_btn .show_more:hover {
    color: #e00
}

.s_s_btn .show_more:hover:after {
    background-position: 0 -42px
}

.s_s_btn .show_more_hide {
    visibility: hidden
}

.s_s_btn .colect_show_more {
    color: #666
}

.s_s_btn .colect_show_more:after {
    margin-left: 5px;
    display: inline-block;
    width: 9px;
    height: 6px;
    background-position: 0 -11px;
    transition: background-position .15s ease-in-out;
    -webkit-transition: background-position .15s ease-in-out;
    -moz-transition: background-position .15s ease-in-out;
    -ms-transition: background-position .15s ease-in-out
}

.s_s_btn .colect_show_more:hover {
    color: #e00
}

.s_s_btn .colect_show_more:hover:after {
    background-position: 0 -20px
}

.filter_item_cont {
    border-top: 1px solid #aaa;
    margin-bottom: 20px
}

.filter_item_cont .fold_menu,.filter_item_cont .hasMore {
    width: 95px;
    height: 30px;
    margin: 0 auto;
    border: 1px solid #aaa;
    border-top: 1px solid #fff;
    margin-top: -1px;
    line-height: 30px;
    text-align: center;
    cursor: pointer
}

.filter_item_cont .fold_menu:after,.filter_item_cont .hasMore:after {
    margin-left: 5px;
    display: inline-block;
    width: 9px;
    height: 6px;
    background-position: 0 -33px;
    transition: background-position .15s ease-in-out;
    -webkit-transition: background-position .15s ease-in-out;
    -moz-transition: background-position .15s ease-in-out;
    -ms-transition: background-position .15s ease-in-out
}

.filter_item_cont .fold_menu:hover,.filter_item_cont .hasMore:hover {
    border: 1px solid #e00;
    border-top: 1px solid #fff;
    color: #e00
}

.filter_item_cont .fold_menu:hover:after,.filter_item_cont .hasMore:hover:after {
    background-position: 0 -42px
}

.filter_item_cont .fold_menu:after {
    background-position: 0 -11px
}

.filter_item_cont .fold_menu:after,.filter_item_cont .fold_menu:hover:after {
    transition: background-position .15s ease-in-out;
    -webkit-transition: background-position .15s ease-in-out;
    -moz-transition: background-position .15s ease-in-out;
    -ms-transition: background-position .15s ease-in-out
}

.filter_item_cont .fold_menu:hover:after {
    background-position: 0 -20px
}

.filter_item_cont .filter_item {
    border-bottom: 1px solid #eee;
    padding-top: 15px
}

.filter_item_cont .filter_item .conf_cancel_cont {
    margin-top: 2px;
    padding-bottom: 15px
}

.filter_item_cont .filter_item .conf_cancel_cont_hide {
    display: none
}

.filter_item_cont .filter_item .brand_btn,.filter_item_cont .filter_item .filter_if,.filter_item_cont .filter_item .filter_title {
    display: table-cell
}

.filter_item_cont .filter_item .filter_title {
    font-weight: 600;
    padding-left: 15px;
    width: 105px;
    font-size: 14px;
    vertical-align: top
}

.filter_item_cont .filter_item .brand_btn {
    vertical-align: top;
    font-size: 12px
}

.filter_item_cont .filter_item .brand_btn_hide {
    display: none
}

.filter_item_cont .filter_item .filter_if {
    width: 969px
}

.filter_item_cont .filter_item .filter_if .if_li {
    width: 138px;
    margin-bottom: 15px;
    float: left;
    height: 16px
}

.filter_item_cont .filter_item .filter_if .if_li a {
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
    font-size: 14px;
    color: #000
}

.filter_item_cont .filter_item .filter_if .if_li a:hover {
    color: #e00
}

.filter_item_cont .filter_item .filter_if .if_li a i {
    float: left
}

.filter_item_cont .filter_item .filter_if .if_li .if_li_item {
    border: 1px solid #000;
    padding: 0 5px
}

.filter_item_cont .filter_item .filter_if .if_li .if_li_item:after {
    float: right;
    margin: 2px 0 0 5px;
    width: 12px;
    height: 12px;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_12x12_black.png);
    content: "";
    background-size: contain
}

.filter_item_cont .filter_item .filter_if .if_li .if_li_item:hover {
    border: 1px solid #e00
}

.filter_item_cont .filter_item .filter_if .if_li .if_li_item:hover:after {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_12x12_red.png);
    background-size: contain
}

.filter_item_cont .filter_item_line {
    border-bottom: 1px solid #aaa
}

.filter_item_cont .filter_item_line_change {
    border-bottom: 1px solid #e00
}

.cate_prod_cont {
    background: #fff;
    padding-top: 20px;
    min-width: 1190px;
    font-size: 14px
}

.cate_prod {
    overflow: hidden;
    padding-bottom: 90px
}

.cate_prod li {
    float: left;
    width: 238px;
    height: 320px;
    border-right: 1px solid #f7f7f7;
    border-bottom: 1px solid #f7f7f7;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.cate_prod .hide_right_border {
    border-right: 1px solid transparent
}

.p_cont {
    padding: 16px 15px 0;
    width: 206px;
    height: 302px;
    border: 1px solid transparent
}

.p_cont:hover {
    border: 1px solid #000
}

.p_cont:hover .p_buy {
    display: block
}

.p_cont .p_img {
    text-align: center;
    height: 180px;
    position: relative
}

.p_cont .p_img a {
    display: block
}

.p_cont .p_buy {
    display: none;
    position: absolute;
    bottom: 0;
    text-align: left;
    width: 206px;
    height: 32px;
    line-height: 32px;
    background: rgba(0,0,0,.8);
    color: #fff;
    cursor: pointer
}

.p_cont .p_buy:before {
    content: "";
    float: left;
    margin: 7px 10px 0 60px;
    width: 14px;
    height: 18px;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_purchace_bag.png) 50% no-repeat
}

.p_cont .p_buys {
    background: #999;
    opacity: .8
}

.p_cont .p_tags {
    padding: 6px 0;
    height: 15px;
    line-height: 15px;
    font-size: 12px
}

.p_cont .p_tags span {
    float: left;
    width: 40px;
    height: 15px;
    text-align: center;
    line-height: 15px;
    margin-right: 5px
}

.p_cont .p_brandEn {
    font-weight: 600;
    padding-bottom: 6px
}

.p_cont .p_productCN {
    padding-bottom: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.p_cont .p_productCN a {
    font-size: 12px
}

.p_cont .p_productCN:hover {
    color: #e00
}

.p_cont .p_discount {
    padding-bottom: 5px;
    color: #e00
}

.p_cont .p_normal {
    color: #999;
    text-decoration: line-through
}

.cate_pop {
    display: none
}

.cate_pop_on {
    display: block
}

.popup_cont {
    position: fixed;
    z-index: 1000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.popup_cont .popup_shadow {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5)
}

.popup_cont .popup_conts {
    width: 800px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.popup_cont .popup_conts .popup_body {
    background: #fff;
    padding-bottom: 40px
}

.popup_cont .popup_conts .popup_body:after {
    display: block;
    content: "clear";
    clear: both;
    line-height: 0;
    visibility: hidden
}

.popup_cont .popup_conts .close_popup {
    height: 25px;
    padding-right: 15px;
    padding-top: 15px
}

.popup_cont .popup_conts .close_popup i {
    float: right;
    width: 18px;
    height: 18px;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_icon.png) -47px -7px no-repeat;
    cursor: pointer
}

.popup_cont .popup_conts .popup_left,.popup_cont .popup_conts .popup_right {
    float: left
}

.popup_cont .popup_conts .popup_left {
    width: 180px;
    margin-left: 70px
}

.popup_cont .popup_conts .popup_left .popup_img {
    padding: 0 15px 25px
}

.popup_cont .popup_conts .popup_tags {
    height: 15px
}

.popup_cont .popup_conts .popup_tags span {
    float: left;
    height: 15px;
    text-align: center;
    line-height: 15px;
    margin-right: 5px;
    padding: 0 4px
}

.popup_cont .popup_conts .refer_to_detail {
    margin-top: 50px;
    text-align: center
}

.popup_cont .popup_conts .refer_to_detail a {
    font-weight: 400;
    color: #666;
    text-decoration: none
}

.popup_cont .popup_conts .refer_to_detail a:hover {
    color: #e00;
    text-decoration: underline
}

.popup_cont .popup_right {
    padding-left: 65px;
    width: 410px
}

.popup_cont .popup_right h1 {
    margin-bottom: 12px;
    font-size: 16px
}

.popup_cont .popup_right h2 {
    font-weight: 100;
    font-size: 16px;
    margin-bottom: 30px
}

.popup_cont .popup_right .prod_exp {
    font-size: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee
}

.popup_cont .popup_right .popup_price {
    height: 65px;
    line-height: 65px
}

.popup_cont .popup_right .popup_price .price_tag {
    color: #474747;
    margin-right: 20px;
    font-size: 12px
}

.popup_cont .popup_right .popup_price .dollar_mark {
    color: #e00
}

.popup_cont .popup_right .popup_price .price_discount {
    color: #e00;
    font-size: 20px;
    margin-right: 10px
}

.popup_cont .popup_right .popup_price .price_normal {
    text-decoration: line-through;
    margin-right: 10px;
    font-size: 12px;
    color: #666
}

.popup_cont .popup_right .popup_price .price_value {
    color: #666;
    margin-right: 10px
}

.popup_cont .popup_right .popup_price .price_no_pro {
    color: #666;
    margin-right: 5px
}

.popup_cont .popup_right .popup_price .price_tag_price,.popup_cont .popup_right .popup_price .price_tag_value {
    font-size: 12px;
    margin-right: 5px;
    color: #666
}

.popup_cont .popup_right .popup_price .price_pre {
    margin-right: 10px
}

.popup_cont .popup_right .count_down_cont {
    color: #474747;
    margin-bottom: 28px;
    height: 15px
}

.popup_cont .popup_right .count_down_cont .count_title {
    float: left;
    height: 15px;
    line-height: 15px
}

.popup_cont .popup_right .count_down_cont .time_icon {
    float: left;
    width: 15px;
    height: 15px;
    background-position: -110px -70px;
    margin: 0 5px 0 10px
}

.popup_cont .popup_right .count_down_cont .count_down {
    float: left
}

.popup_cont .popup_right .app_alone {
    color: #666;
    font-size: 12px;
    float: left;
    margin-top: 10px
}

.popup_cont .popup_right .app_alone .warning_icon {
    float: left;
    margin-right: 3px;
    width: 14px;
    height: 14px;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/quickview_warning.png) 50% no-repeat
}

.popup_cont .popup_right .app_alone .warning_tip {
    margin-left: 17px
}

.count_down .count_down_description {
    height: 15px;
    line-height: 15px;
    color: #666;
    margin-right: 3px
}

.count_down .time_left {
    height: 15px;
    line-height: 15px;
    color: #000
}

.spec_select {
    margin-bottom: 40px
}

.spec_select h3 {
    font-weight: 400;
    font-size: 12px;
    margin-bottom: 28px;
    color: #474747
}

.spec_select .spec_li {
    width: 100%;
    height: 86px;
    overflow-y: auto;
    margin-bottom: 14px
}

.spec_select .spec_li .color_patch {
    float: left;
    overflow: hidden;
    margin: 2px 8px 8px 2px;
    position: relative;
    cursor: pointer;
    height: 34px;
    width: 34px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #ddd
}

.spec_select .spec_li .color_patch .x_mark {
    top: 0;
    display: none;
    width: 36px;
    height: 36px;
    position: absolute;
    left: 1px;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/PDP-ICON.png) -79px -16px no-repeat
}

.spec_select .spec_li .color_patch img {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 100%;
    width: 100%
}

.spec_select .spec_li .color_patch .x_mark_on {
    display: block
}

.spec_select .spec_li .color_patch:hover {
    border: 1px solid #000
}

.spec_select .spec_li .color_patch_on {
    border: 2px solid #000
}

.spec_select .spec_li .color_patch_on img {
    border: 2px solid #fff;
    height: 100%;
    width: 100%
}

.spec_select .spec_li .color_patch_on:hover {
    border: 2px solid #000!important
}

.spec_select .spec_li .spec_nor {
    float: left;
    overflow: hidden;
    margin: 0 6px 6px 0;
    position: relative;
    cursor: pointer;
    padding: 0 5px;
    height: 22px;
    min-width: 60px;
    line-height: 20px;
    color: #333;
    border: 1px solid #ddd;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box
}

.spec_select .spec_li .spec_nor:hover {
    border: 1px solid #000
}

.spec_select .spec_li .spec_nor_no_inv {
    background: hsla(0,0%,87%,.6);
    border: 1px solid transparent;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    line-height: 20px
}

.spec_select .spec_li .spec_nor_no_inv:hover {
    border: 1px solid #000
}

.spec_select .spec_li .spec_nor_on {
    color: #000;
    line-height: 18px;
    border: 2px solid #000!important
}

.spec_list {
    position: relative
}

.spec_list .current_spec {
    width: 198px;
    height: 26px;
    line-height: 26px;
    color: #000;
    border: 1px solid #000;
    padding: 0 10px;
    cursor: pointer;
    margin: 0
}

.spec_list .current_spec .spec_arrow {
    float: right;
    margin-top: 10px;
    width: 10px;
    height: 6px;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/PDP-ICON.png) -40px -18px no-repeat
}

.spec_list .current_spec .spec_arrow_up {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/PDP-ICON.png) -51px -18px no-repeat
}

.spec_list .pull_down_list {
    border: 1px solid #ccc;
    border-top: none;
    display: none;
    position: absolute;
    background: #fff;
    max-height: 130px;
    width: 218px;
    overflow-y: auto
}

.spec_list .pull_down_list li {
    width: 198px;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    cursor: pointer;
    color: #666
}

.spec_list .pull_down_list li:hover {
    background: #f5f5f5;
    color: #000
}

.spec_list .pull_down_list_on {
    display: block
}

.buy_num {
    height: 42px
}

.buy_num,.buy_num span {
    float: left
}

.buy_num .num {
    width: 50px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    border: 1px solid #eee;
    border-right: none
}

.buy_num .calculate {
    width: 20px;
    height: 40px;
    border: 1px solid #eee;
    margin-right: 15px
}

.buy_num .calculate .add,.buy_num .calculate .minus {
    display: block;
    height: 19px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_up_arrow_b.png) 50% no-repeat
}

.buy_num .calculate .add.disabled,.buy_num .calculate .disabled.minus {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_up_arrow_n.png) 50% no-repeat
}

.buy_num .calculate .minus {
    height: 20px;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_down_arrow_b.png) 50% no-repeat
}

.buy_num .calculate .minus.disabled {
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/category_down_arrow_n.png) 50% no-repeat
}

.buy_inform_btn {
    width: 320px;
    float: left
}

.buy_inform_btn div {
    margin: 0
}

.buy_inform_btn .buy_now_button,.buy_inform_btn .inform_on_arrival {
    height: 42px;
    width: 190px;
    line-height: 42px;
    background: #000;
    color: #fff;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s
}

.buy_inform_btn .buy_now_button:hover,.buy_inform_btn .inform_on_arrival:hover {
    background: #e00
}

.buy_inform_btn .buy_full_product {
    margin-top: 10px;
    margin-left: -87px
}

.buy_inform_btn .buy_full_product .full-booking-product-icon {
    width: 12px;
    height: 12px;
    margin-right: 4px;
    display: inline-block;
    background-image: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/count-down-icon.png)
}

.buy_inform_btn .p_promotion_activity {
    line-height: 42px;
    background: #000;
    width: 160px;
    margin-right: 10px
}

.buy_inform_btn .buy_immediately,.buy_inform_btn .p_promotion_activity {
    float: left;
    height: 42px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    cursor: pointer
}

.buy_inform_btn .buy_immediately {
    background: #000;
    width: 150px;
    background: #e00
}

.buy_inform_btn .buy_immediately .buy_immediately_b {
    margin-top: 6px
}

.buy_inform_btn .buy_immediately .buy_immediately_b,.buy_inform_btn .buy_immediately .buy_immediately_p {
    text-align: center;
    width: 150px;
    font-size: 16px;
    float: left
}

.buy_inform_btn .buy_immediately .buy_immediately_p {
    font-size: 12px
}

.inv_shortage {
    color: #e00;
    width: 410px;
    float: left;
    margin: 5px
}

.appalone {
    background: #e600ee;
    color: #fff
}

.newtag {
    background: #e00;
    color: #fff
}

.flagprelaunch {
    background: #ff8201;
    color: #fff
}

.exclusivesephora {
    background: #2dbeff;
    color: #fff
}

.exclusiveonline {
    background: #000;
    color: #eec632
}

.discount {
    background: #f95496;
    color: #fff
}

.limitedamount {
    background: #000;
    color: #fff
}

.memberprice {
    background: #ffc22c;
    color: #fff
}

.add_to_cart_cont {
    position: fixed;
    z-index: 1000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.add_to_cart_cont.disabled {
    display: none
}

.add_to_cart_cont .popup_shadow {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5)
}

.add_to_cart_cont .add_to_cart_suc {
    width: 440px;
    height: 300px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.add_to_cart_cont .add_to_cart_suc .cart_cont {
    width: 145px;
    margin: 103px 0 0 148px;
    text-align: center
}

.add_to_cart_cont .add_to_cart_suc .cart_cont .check_mark {
    display: inline-block;
    width: 44px;
    height: 42px;
    background: url(http://runtdyf.com/rtyy/template/www/desktop/static/user/css/..img/check_mark.png) 0 0 no-repeat
}

.add_to_cart_cont .add_to_cart_suc .cart_cont p {
    font-size: 18px;
    color: #000;
    margin-top: 34px
}

.hand_abtesting {
    cursor: pointer
}

#container {
    width: 1190px;
    margin: 50px auto;
    overflow: hidden
}

.site.page_content {
    background-color: #fff
}
